/MetaBlog

Meta Blog is a full-stack web application built using the MERN stack, which stands for MongoDB, Express.js, React.js, and Node.js. It is a blog app that allows users to create, read, update, and delete blog posts. Additionally, users can bookmark their favorite blogs and easily share them with others

Primary LanguageJavaScript

Meta Blog

Meta Blog is a full-stack web application built using the MERN stack, which stands for MongoDB, Express.js, React.js, and Node.js. It is a blog app that allows users to create, read, update, and delete blog posts. Additionally, users can bookmark their favorite blogs and easily share them with others.

Features

  • User Authentication: Meta Blog provides user authentication functionality, allowing users to create an account, log in, and log out. This ensures that each user has their own personalized experience within the app.

  • Create and Publish Blog Posts: Users can create engaging and informative blog posts using a rich text editor. They can add text, images, and even format their content using various styling options. Once created, the blog posts can be published and made available for others to read.

  • Read and Discover Blogs: Users can browse through a collection of blog posts to discover interesting content. They can search for blogs based on keywords or browse through categories or tags. The app provides a clean and intuitive interface for reading blog posts, ensuring an enjoyable reading experience.

  • Update and Delete Blogs: Authors can easily update or delete their own blog posts whenever necessary. This allows them to make corrections, add additional information, or remove outdated content as their blogs evolve over time

  • Bookmarking and Favorites: Users can bookmark their favorite blog posts for quick access later. This feature enables users to curate a personalized collection of blogs that they find interesting or want to revisit in the future.

Tech Stack

Front-end: React.js, HTML5, CSS3, JavaScript, React-Router

Back-end: Node.js, Express.js

Database: MongoDB (NoSQL database)

Authentication: JWT (JSON Web Tokens)

Rich Text Editor: Quill

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

PORT=

MONGODB_URI=

JWT_KEY=

CLOUDINARY_CLOUD_NAME=

CLOUDINARY_API_KEY=

CLOUDINARY_API_SECRET=

Deployment

To run this project run

  cd backend
  npm start
  cd frontend
  npm start

Please feel free to share your ideas and opinion and provide your valuable feedback. Thanks!