This full-stack MERN (MongoDB, Express.js, React, Node.js) web application allows users to create, view, edit, and update blog posts. It provides a user-friendly interface for managing blog content and enables users to share their thoughts and ideas with the world.
- User Authentication: Users can sign up and log in to the app to create and manage their own blog posts.
- Create and Edit Posts: Authenticated users can create new blog posts, add titles, summaries, and content, and edit existing posts.
- View Posts: Users can browse through the list of blog posts and read the full content of each post.
- Responsive Design: The fully responsive app works seamlessly on various devices, including desktops and tablets.
Frontend: React.js, HTML, CSS
Backend: Node.js, Express.js, MongoDB
-
Clone the repository: git clone https://github.com/utkarsh-iitbhu/Blog-MERN.git
-
Navigate to the project directory: cd Blog-MERN
-
Install dependencies for both the client and server:
cd client
npm install
cd ../api
npm install
-
Configure the MongoDB URI: Open the api/.env file and replace MONGODB_URI with your MongoDB connection URI.
-
Start the development server for both the client and server:
cd client
npm start
cd ../api
npm start
- Open your web browser and go to http://localhost:3000 to access the Blog-MERN app.
The app can be deployed using platforms like Vercel for the frontend and Heroku for the backend. Make sure to set up environment variables for production settings.
Contributions to the Blog-MERN app are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
Happy blogging with Blog-MERN! If you have any questions or need further assistance, feel free to contact me. Enjoy sharing your thoughts with the world through your personalized blog posts!