Skip to content

A Blogging website created using MERN(MongoDB, ExpressJS, ReactJs, NodeJS)

Notifications You must be signed in to change notification settings

Prashant0664/Blog-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blogging Website Version 2.0

For older version checkout the branch named version1

Table of Contents


Introduction

Welcome to the Blogging Website project! This is a web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to create and manage their blogs, post projects, follow other users, comment on blogs, save content, bookmark blogs, like blogs and more. The application also includes features such as email verification for user registration and Redux for state management.


New Features:

🔥 Like: Users can now like Blogs and can see their liked blogs in profile. 🔥 Filter: User can now filter the content from dropdown menu below Navbar. 🔥 Share: User can now share blogs on social media using share button. 🔥 Use of Params: Blog Article now use params decreasing the coupling and increasing speed. 🔥 Optimised: More optimised than ever. 🔥 User Frinedly: More user friendly tha ever.

Demo Link:

Full Demo Video Drive link: https://drive.google.com/file/d/1zPDw9Q28q-86CVlG62k5363gzIeGL7YX/view?usp=sharing


Features

Here are some of the key features of this Blogging Website:

🔥 User Authentication and Profiles: Users can create and manage their profiles, with email verification for account security.

🔥 Blogging: Users can create and publish their blogs with rich text formatting.

🔥 Sharing: Users can share any blogs on social media platforms;

🔥 Filter Blogs: Users can search other users and filter content according to category.

🔥 Project Posting: Users can share and showcase their projects on their profile.

🔥 Social Features: Users can follow other users, comment on blogs, and save, like and bookmark content they like.

🔥 Responsive Design: The website is designed to work seamlessly on various screen sizes and devices.

🔥 Secure: The application follows best practices for security, including password hashing and user authentication.

🔥 Content Management: Users can easily edit, delete, or download their own posts.


Technologies Used

The Blogging Website is built using the following technologies:

  • MERN Stack:
    💫 MongoDB: A NoSQL database used to store user data, blogs, and other application data.
    💫 Express.js: A Node.js web application framework used for building the server.
    💫 React.js: A JavaScript library for building the user interface.
    💫 Node.js: A JavaScript runtime used for server-side code execution.

  • Additional Technologies:
    💫 Redux: Used for state management within the React application.
    💫 Nodemailer: Used for email verification and sending email notifications.


Getting Started

To set up this project locally, follow the instructions below.

Prerequisites

Before you begin, make sure you have the following installed on your system:

  • Node.js and npm (Node Package Manager)
  • Git

Installation

(Request: Please Star⭐️ the Repo or follow github if you find this project interesting😁!
)

  1. Clone this GitHub repository to your local machine:

    git clone https://github.com/Prashant0664/All-Blogs-V2.git
    
  2. Change into the project directory:

    cd All-Blogs-V2
    
  3. Install the backend dependencies:

    cd backend
    npm install
    
  4. Install the frontend dependencies:

    cd ../client
    npm install
    
  5. Set up your MongoDB database and configure the connection details in the backend's .env file.

IMP: Seperate setup of both frontend and backend is given in client and backend folders Readme.md

  1. Start the backend server:

    cd ../backend
    npm start
    
  2. Start the frontend development server:

    cd ../client
    npm start
    
  3. Open your web browser and navigate to http:https://localhost:3000 to access the Blogging Website.


Usage

You can now use the Blogging Website to create, like, save, share, and discover blogs, projects, and much more. Use Google Signin or Register an account, verify your email, and start enjoying the features of the application.


Contributing

Please Star⭐️ the Repo or follow github if you find this project interesting😁!
Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with clear and descriptive commit messages. (Installation and Setup has been Explained in Getting-Started )
  4. Push your changes to your fork.
  5. Submit a pull request to the main repository.


License

This project is licensed under the MIT License. See the LICENSE file for details.


Note: For any doubt or question you can open an issue. I will reply ASAP.

Thank you for using and contributing to the Blogging Website project! If you have any questions or need assistance, please don't hesitate to reach out to the maintainers.