https://github.com/skyv26/blog-preview-card

A versatile and customizable React component designed to showcase blog posts with an attractive preview. This component includes a title, snippet of the post content, and publication date, all styled to provide a visually appealing and informative overview. Ideal for blog listing pages or any application that needs to display brief summaries of art
https://github.com/skyv26/blog-preview-card

antd antdesign react react-hooks reactjs reponsive-web-design responsive-design tailwind tailwindcss

Last synced: 27 days ago
JSON representation

A versatile and customizable React component designed to showcase blog posts with an attractive preview. This component includes a title, snippet of the post content, and publication date, all styled to provide a visually appealing and informative overview. Ideal for blog listing pages or any application that needs to display brief summaries of art

• Host: GitHub
• URL: https://github.com/skyv26/blog-preview-card
• Owner: skyv26
• License: mit
• Created: 2024-09-15T06:25:17.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-15T11:38:52.000Z (about 2 months ago)
• Last Synced: 2024-09-30T09:42:47.810Z (about 1 month ago)
• Topics: antd, antdesign, react, react-hooks, reactjs, reponsive-web-design, responsive-design, tailwind, tailwindcss
• Language: TypeScript
• Homepage: https://skyv26.github.io/blog-preview-card/
• Size: 1.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [📝 License](#license)

# 📖 Blog Preview Card 

> A versatile and customizable React component designed to showcase blog posts with an attractive preview. This component includes a title, snippet of the post content, and publication date, all styled to provide a visually appealing and informative overview. Ideal for blog listing pages or any application that needs to display brief summaries of articles.

**[Blog Preview Card]** is a react component.

## 🛠 Built With 

### Tech Stack 

> Blog Preview Card is front-end min-project

Technologies

  


    
React

    
Ant Design

    
TailwindCSS

    
TypeScript

    
Vite

  


(back to top)


## 🚀 Live Demo 

> Link to your deployed project.

- [Live Link](https://skyv26.github.io/blog-preview-card/)

(back to top)


## 💻 Getting Started 

> In order to start with this project do as follows :

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

`yarn dev`

### Setup

Clone this repository to your desired folder:

`git clone https://github.com/skyv26/blog-preview-card.git`

then

`cd blog-preview-card`

### Install

Install this project with:

`yarn install`

### Usage

`yarn dev`

**it will automatically correct the errors**

(back to top)


## 👥 Authors 

> Mention all of the collaborators of this project.

👨‍💻 **Aakash Verma**

- GitHub: [@skyv26](https://github.com/skyv26)

- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

> Write a message to encourage readers to support your project

If you like this project then please give a ⭐️ and also share your feedback using github_issues.

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)