Skip to content

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.

License

Notifications You must be signed in to change notification settings

saadmdsabah/FullStack-Blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

11 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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

License

Stars

Watchers

Forks