A full-stack CRUD blog application built to practice modern web development, REST APIs, authentication, database management, and frontend state management.
- Frontend: React, Hooks, Context API
- Backend: Node.js, Express.js
- Database: MySQL
- Development Environment: XAMPP
- Authentication: JWT, bcrypt
- 🔐 User registration and login
- 📝 Create, read, update, and delete blog posts
- ✍️ Rich-text blog content
- 🖼️ Image upload functionality
- 📱 Responsive user interface
- 👤 Users can edit or delete only their own posts
- 🔑 Secure password hashing and JWT-based authentication
- 🔄 RESTful API integration
While building this project, I gained practical experience with:
- Configuring CORS between React and Express
- Designing and consuming REST APIs
- Managing application state using React Context API
- Working with MySQL queries and database relationships
- Implementing secure password hashing with bcrypt
- Managing user authentication with JWT
- Handling image uploads
- Implementing authorization for user-owned content
This project helped me understand how frontend, backend, authentication, APIs, and databases work together to create a complete full-stack application.
It was an important step toward building scalable and production-oriented web applications.
Learn → Build → Debug → Improve 🚀