For Hacktoberfest please refer Contributing.md
For older version checkout the branch named version1
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 a lot more. The application also includes features such as email verification for user registration and Redux for state management.
🔥 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.
Full Demo Video Drive link: https://drive.google.com/file/d/1zPDw9Q28q-86CVlG62k5363gzIeGL7YX/view?usp=sharing
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.
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.
To set up this project locally, follow the instructions below.
Before you begin, make sure you have the following installed on your system:
(Request: Please Star⭐️ the Repo or follow github if you find this project interesting😁!
)
Clone this GitHub repository to your local machine:
git clone https://github.com/Prashant0664/All-Blogs-V2.gitChange into the project directory:
cd Blog-websiteInstall the backend dependencies:
cd backend
npm installInstall the frontend dependencies:
cd ../client
npm installSet 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
Start the backend server:
cd ../backend
npm startStart the frontend development server:
cd ../client
npm startOpen your web browser and navigate to http://localhost:3000 to access the Blogging Website.
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.
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:
This project is licensed under the MIT License. See the LICENSE file for details.
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.