Skip to content

Latest commit

 

History

History
102 lines (74 loc) · 3.83 KB

File metadata and controls

102 lines (74 loc) · 3.83 KB

✨ BlogX – AI Blog Website

BlogX is a fully functional and responsive blog platform where users can read and comment on blog posts, and admins can manage all blog content securely through a dashboard.


🌐 Live Website

🔗 View BlogX Live


🚀 Tech Stack

  • Frontend: React.js, Tailwind CSS, React Router, Toastify
  • Backend: Node.js, Express.js, MongoDB Atlas, JWT, bcrypt.js

✅ Features

👥 User Features:

  • Read published blog posts
  • Leave comments on any blog
  • Register and log in securely
  • Responsive design for all screen sizes

🛠️ Admin Features:

  • Admin login with credentials
  • Create, update, or delete blogs
  • Publish or unpublish blogs
  • Delete user comments

📁 Project Structure

BlogX/
├── client/      # React frontend
├── server/      # Node/Express backend

📸 Screenshots

  • Home Page: image Screenshot 2025-07-13 150309 Screenshot 2025-07-13 150317 Screenshot 2025-07-13 150257
  • Blog Pages: screencapture-localhost-5173-blog-x-2025-07-13-15_00_44 screencapture-localhost-5173-blog-686e5945d03b683419b90332-2025-07-13-15_00_20
  • Admin Dashboard: Screenshot 2025-07-13 150110 Screenshot 2025-07-13 150142 Screenshot 2025-07-13 150207 screencapture-localhost-5173-admin-addBlog-2025-07-13-15_01_49 screencapture-localhost-5173-admin-comments-2025-07-13-15_02_29


🙋‍♂️ Author

Junaid Khan


📄 Acknowledgement

  • GreatStack
  • React, Tailwind CSS, and Toastify for frontend development
  • Express, MongoDB Atlas, and JWT for backend & database
  • ImageKit for image hosting
  • Icons & illustrations from Bootstrap Icons

⚡ Built with using the MERN stack.