✨ 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:
• Blog Pages:
• Admin Dashboard:

---

🙋‍♂️ Author

Junaid Khan

• Email: patanjunaid7888@gmail.com
• LinkedIn: linkedin.com/in/junaidkhan1723
• GitHub: junaidkhan1723

---

📄 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.