Skip to content

mustafa-j-wardeh17/MERN_Blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 

Repository files navigation

MERN Blog Website

Project Image

Description

This is a full-stack MERN blog website where users can create, read, update, and delete blog posts. The application uses MongoDB as the database, Express.js for the server, React.js for the frontend, and Node.js for the backend. It provides a responsive and user-friendly interface for managing blog content.

Features

  • User Authentication: Secure user authentication system with JWT (JSON Web Tokens) for secure login and registration.
  • Create and Edit Posts: Users can create new blog posts and edit existing ones with a rich text editor.
  • Commenting System: Engage with readers through a comment section for each blog post.
  • Image Upload: Users can upload images to be displayed in their blog posts.
  • Responsive Design: The website is designed to be responsive, ensuring a seamless experience across devices.

Technologies Used

  • Frontend: React.js, Redux for state management, React Router for navigation.
  • Backend: Node.js, Express.js for server setup.
  • Database: MongoDB for data storage.
  • Authentication: JWT for secure user authentication.
  • Styling: Tailwind css for styling.

Getting Started

  1. Clone the repository.
  2. Navigate to the client and server directories and install dependencies using npm install.
  3. Set up MongoDB and update the connection string in the server's configuration.
  4. Run the backend servers using npm start in the respective directories.
  5. Run the frontend using npm run dev in the respective directories.

Contributing

Contributions are welcome! Please follow the contribution guidelines.

License

This project is licensed under the MIT License.