📝 Blogify - A Blogging Platform

Welcome to Blogify - a simple yet powerful blogging platform where users can create, edit, comment on, search, like, and delete blog posts.

Users can read and search for blogs without signing in, but if users want to create, edit, like, comment on, or delete posts, you'll need to sign in.

This project is built using the MERN stack, consisting of MongoDB, Express.js, React.js, and Node.js.

🌐 Live Link

Check out the live version of the platform: Blogify Live

🎥 Demo Video

Watch a demo video showcasing the working functionality of Blogify: Watch Demo

📂 Project Structure

• BLOGIFY-backend-main: Contains the server-side code using Express.js, Node.js, and MongoDB.

  • controllers/: Logic to handle requests and responses.
  • middleware/: Middleware functions to handle authentication, logging, etc.
  • models/: MongoDB models for the blog posts and other entities.
  • routes/: API routes for the application.
  • index.js: The entry point for the server-side application.

• BLOGIFY-frontend-main: Contains the front-end code built using React.js.

  • public/: Static files like images, fonts, etc.
  • src/: Main source code for the front-end, including components, hooks, and utilities.

🛠️ Features

• Create Blog Posts: Authenticated users can create new blog posts with a title, content, and optional images.
• Edit Blog Posts: Users can edit their own posts to update content, add/remove images, or change the title.
• Delete Blog Posts: Users can delete their posts if they no longer wish to keep them.
• Add Images to Posts: Users can upload image files to include in their blog posts. These images will be displayed within the blog content.
• Comment on Posts: Authenticated users can leave comments on blog posts and interact with others' comments.
• Like Posts: Users can like blog posts to show appreciation and highlight popular content.
• Search Functionality: Users can search for blog posts by keywords, titles, or tags to easily find relevant content.
• Responsive Design: The platform is fully responsive, ensuring a great experience on both desktop and mobile devices.

📸 Screenshots

Here’s a preview of the project structure:

🔧 Technologies Used

• MongoDB: For the database, storing blog posts and user information.
• Express.js: Backend framework for handling routes and server logic.
• React.js: Frontend library for building the user interface.
• Node.js: Server-side JavaScript runtime for backend operations.
• Tailwind CSS: For styling the frontend components with custom and utility-first CSS.

---

Feel free to reach out if you have any questions or suggestions. Happy coding! 😊

🔗 Connect with Me

• Portfolio: https://ram-com.netlify.app/
• LinkedIn: https://www.linkedin.com/in/saisriram-kamineni/