Project Manager System
A full-stack project management tool built with React and Spring Boot.
Project Goal
The goal of this project was to deepen my understanding of full-stack development by building a complete project management system with authentication, scalable architecture, reusable frontend patterns and a secure backend API.
Key Features
- JWT authentication with Spring Security
- User registration and login
- Protected routes and secure API access
- Create, edit and delete project boards
- Task management with drag-and-drop functionality
- Comments on tasks
- Responsive design with light and dark mode
- Reusable UI components and custom design system
- Layered backend architecture using Controller, Service and Repository layers
UI Architecture
- Feature-based frontend architecture
- Reusable UI components and design tokens
- Custom React hooks for shared logic
- Context API for authentication and session management
- ProtectedRoute pattern for route security
- Scalable folder structure focused on maintainability
Snapshots
Dashboard displaying user-specific project boards after authentication.
Project board with drag-and-drop task management across multiple lists.
Role & Learning
I designed and built the entire application independently, including both the React frontend and Spring Boot backend. Through this project I gained hands-on experience with JWT authentication, Spring Security, REST API design, layered architecture, drag-and-drop interactions, state management and full-stack application development. It also strengthened my understanding of clean code practices, testing principles and building scalable software systems.