🔗 Live Demo: https://blogpen.jayvaliya.me/
A full-featured blogging platform built with React, TypeScript, and EditorJS. This platform allows users to create, read, and manage blog posts with a modern, responsive interface.
- Rich text editing with EditorJS
- Responsive design for all devices
- TypeScript for enhanced code safety
- Clean and modern UI
- Blog post reading mode
- Loading and error states handling
- JSON content parsing support
- React
- TypeScript
- EditorJS for rich text editing
- Axios for API requests
- Tailwind CSS for styling
- React Router for navigation
-
Clone the repository:
git clone https://github.com/jayvaliya/medium.git cd medium -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Backend API:
- Update the API URL in
src/config/constants.ts - Default API endpoint:
http://localhost:8787/api/v1
- Update the API URL in
-
EditorJS Setup:
- The editor is configured with Header, List, and Paragraph tools
- Additional tools can be added in
src/components/Editor.tsx
- Navigate to the create post page
- Use the rich text editor to write your content
- Save your post
- Visit the blog list page
- Click on any post to view it
- Content will be rendered in read-only mode
- Fork the repository
- Create a new branch
- Make your changes
- Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
For support, please email valiyajay555@gmail.com or create an issue in the repository.
Made with ❤️ by Jay
Let me know if you'd like me to add or modify any sections!