Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vin-dkr/blog

This project is a web-based blogging platform inspired by Medium, designed to encourage users to share their personal experiences and stories. The platform provides a clean and user-friendly interface for both writers and readers, focusing on simplicity and accessibility.
https://github.com/vin-dkr/blog

nodejs postgresql prisma react tilwindcss

Last synced: 7 days ago
JSON representation

This project is a web-based blogging platform inspired by Medium, designed to encourage users to share their personal experiences and stories. The platform provides a clean and user-friendly interface for both writers and readers, focusing on simplicity and accessibility.

Awesome Lists containing this project

README

        

# Blog (Inspired from Medium)

Welcome to **Blog**! This is an open-source, modern blogging platform inspired by [Medium](https://medium.com). Built with **React**, **Tailwind CSS**, and **TypeScript**, this project aims to provide a simple yet powerful platform for users to share their stories and experiences.

Project Screenshots:

![1](https://github.com/user-attachments/assets/15092293-3a56-4245-afeb-c0729fed3487)
![2](https://github.com/user-attachments/assets/1d51774f-1297-46ec-8f9c-bb002f8084f7)
![3](https://github.com/user-attachments/assets/56c181e4-7363-449b-af39-e9e62ac7dc9d)
![4](https://github.com/user-attachments/assets/e206c1ec-2fb9-4d47-b591-40bc0719e4af)
![5](https://github.com/user-attachments/assets/2cd0b433-c059-4a2e-8470-6d597fb55a50)
![6](https://github.com/user-attachments/assets/dd6feeeb-2920-4214-8caf-095b7990dc1f)

## Features

- 📝 **Rich Text Editor**: Create and format blog posts with ease.
- 🎨 **Responsive Design**: A mobile-first design with Tailwind CSS that looks great on all devices.
- ⚡ **Fast and Optimized**: Leveraging React for a smooth and responsive user experience.
- 💻 **TypeScript**: Ensuring type safety and reducing bugs in development.
- 🌐 **Open Source**: Feel free to explore, contribute, and make this project even better!

## Demo

Check out the live demo of the platform [here](https://mediyum.vercel.app/).

## Installation

To run this project locally, follow these steps:

1. **Clone the repository:**

```bash
git clone https://github.com/vin-dKR/Blog.git
```

2. **Navigate to the project directory:**

```bash
cd Blog
```

3. **Install dependencies:**

```bash
npm install
```

4. **Start the development server:**

```bash
npm run dev
```

5. **Open the project in your browser:**

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch (`git checkout -b feature/YourFeature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a Pull Request.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

If you have any questions or suggestions, feel free to reach out!

- **Email**: [email protected]
- **GitHub**: [Vinod KR](https://github.com/vin-dKR)
-