This project is a simple blogging application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to create, read, update, and delete blog posts. The backend server is built with Express.js and MongoDB, providing RESTful API endpoints for CRUD operations. The frontend is developed using React.js, providing an interactive user interface for managing blog posts.
- User authentication and authorization.
- CRUD operations for blog posts.
- Markdown, HTML, and rich text editor support for writing blog content.
- Responsive design for mobile and desktop devices.
- MongoDB
- Express.js
- React.js
- Node.js
- Mongoose
- Axios
- HTML/CSS
- Tailwindcss and React Bootstrap
- Markdown parser (e.g., marked)
- HTML sanitizer (e.g., HTMLReactParser)
- Rich text editor library (e.g., ReactQuill)
- Clone the repository:
git clone https://github.com/KashifKhn/Blogging_MERN_APP.git - Navigate to the backend directory:
cd server - Install backend dependencies:
npm install - Start the backend server:
npm run dev or npm start - Navigate to the frontend directory:
cd client - Install frontend dependencies:
npm install - Start the frontend server:
npm run dev - Open your browser and visit
http://localhost:5173to view the application.
- Register/Login to access the blogging features.
- Create new blog posts using markdown, HTML, or the rich text editor.
- Edit existing posts or delete posts.
- View and interact with other users' blog posts.
- Enjoy reading and writing blog content in a user-friendly interface.
Contributions are welcome! Feel free to open issues or submit pull requests to contribute to the project.
This project is licensed under the MIT License - see the LICENSE file for details.
[Kashif Khan] - KashifKhn