BlogApp is a full-stack web application that enables users to create, read, update, and delete (CRUD) blog posts. Users can register, log in, and reset their passwords. The application features a responsive design with a Shimmer UI to enhance user experience while data is being fetched from the backend. Users can view posts from other users, create their own posts, and attach photos, which are stored and retrieved using Cloudinary.
- User authentication with registration, login, and password reset.
- Full CRUD functionality for blog posts.
- Shimmer UI for enhanced loading experience.
- Post management with the ability to add, edit, and delete posts.
- Photo uploads for posts via Cloudinary.
- View and interact with posts created by other users.
- Responsive design optimized for all devices.
Frontend:
- ReactJS
- TailwindCSS
- ContextAPI for state management
Backend:
- Node.js
- Express.js
- MongoDB (Mongoose for ORM)
- Cloudinary (for photo storage)
Hosting:
- Frontend: Vercel
- Backend: Render.com
Login Page
Registration Page
Home page loading UI
Home page with blogs data
Single Post Loading UI
Single Post Page
Blog Write Page
Live URL : https://blog-app-react-2k23.vercel.app/
Make sure you have the following installed:
- Node.js (with npm)
- MongoDB (local or cloud instance)
git clone https://github.com/your-username/BlogApp.git
cd BlogApp