Skip to content

About

Welcome to the MERN Fullstack Blog Project, a vibrant blog application that brings the power of the MERN stack to life! Dive into a world where users can share their thoughts, engage with a community, and manage their own profile all while enjoying a smooth and secure experience.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

11 Commits

Folders and files

Repository files navigation

🌟 MERN Fullstack Blog Project 🚀

Description:

Welcome to the MERN Fullstack Blog Project, a vibrant blog application that brings the power of the MERN stack to life! Dive into a world where users can share their thoughts, engage with a community, and manage their own profile all while enjoying a smooth and secure experience.

Project Architecture

image

Features:

  • 🛡️ Authentication: Say goodbye to security worries! Enjoy a seamless login and registration process to keep your data safe.
  • 🔑 Authorization: Take control of who sees what with our robust access management.
  • 🏠 Home Page: Discover all the exciting features of the application and browse through engaging blog post previews.
  • 👤 User Profiles:
    • Personalize your experience with your name, email, and bio.
    • See how many posts you've created and feel proud of your contributions!
  • 📝 Post Creation:
    • Unleash your creativity! Write new posts with captivating titles, rich content, and stunning images.
    • Share your latest thoughts and updates effortlessly!
  • 📄 Posts Section:
    • Explore all posts from the community, with eye-catching previews that invite you to "Read More."
    • Enjoy the power to edit and delete your own posts—your content, your rules!
  • 💬 Comments:
    • Connect with others! Leave comments and engage in lively discussions on posts.
    • If you're the author of a comment, easily edit or delete it to keep your voice clear.
  • 📁 Multiple File Uploads: Simplify your experience with our intuitive interface for uploading multiple files—all at once!

Technologies Used:

  • Backend: Node.js, Express, MongoDB, Mongoose
  • Frontend: HTML, CSS, JavaScript, EJS
  • Authentication: Passport.js
  • File Storage: Cloudinary
  • And More: Bcrypt.js, dotenv, multer, express-session

Installation:

  1. Clone the Repository:
git clone https://github.com/saadmdsabah/FullStack-Blog.git
  1. Navigate to the Project Directory:
cd mern-fullstack-blog
  1. Install dependencies:
npm install bcryptjs cloudinary connect-mongo dotenv ejs express express-async-handler express-session method-override mongoose multer multer-storage-cloudinary passport passport-local
  1. Run the Application:
node --watch app.js
  1. Access the Application:
http://localhost:3000

Screenshots:

Home Page:

image image

Profile:

image image

Add Blog:

image

All Blog Posts:

image

Individual Blog Post:

image image

Contribution 🌟

We welcome and appreciate all contributions, big or small! 🚀 Whether it's reporting issues, suggesting new features, improving documentation, or submitting pull requests, your help makes this project thrive. Let's grow this project into something truly amazing—together! 💪

How to Contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Commit your changes.
  4. Submit a pull request with a clear explanation of your changes. 🎯

License 📜

This project is proudly licensed under the MIT License. You're free to use, modify, and distribute the code as long as the original author is credited. 🎉

For more details, please see the MIT License

About

Welcome to the MERN Fullstack Blog Project, a vibrant blog application that brings the power of the MERN stack to life! Dive into a world where users can share their thoughts, engage with a community, and manage their own profile all while enjoying a smooth and secure experience.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Used by

Contributors

Languages