Task Management System
Designed to demonstrate deep core web fundamentals, this full-stack application drop modern frontend frameworks in favor of raw performance and control. The frontend is a Single Page Application (SPA) built entirely with Vanilla JavaScript, HTML5, and CSS3, interacting with a robust Spring Boot 3 backend. The system implements stateless authentication via JWT and is deployed in a decoupled environment (Netlify for frontend, Dockerized Hugging Face Space for backend).
Key Features
- Pure JavaScript SPA: Custom-built client-side router for seamless navigation without page reloads.
- Stateless Security: Spring Security backend implementing JWT (JSON Web Token) for secure, scalable authentication.
- RESTful Architecture: Fully documented API endpoints for CRUD operations on tasks.
- Containerized Deployment: Backend is wrapped in Docker and hosted on Hugging Face Spaces for consistent runtime.
- Responsive Design: Mobile-first UI built with custom CSS, ensuring functionality across all device sizes.
Technical Challenge
The primary challenge was building a reactive Single Page Application without libraries like React or Vue. I had to manually manipulate the DOM to update task lists dynamically and write a custom utility to handle JWT token injection in headers for every 'fetch' request. Additionally, configuring CORS policies to allow secure, authenticated communication between the Netlify-hosted frontend and the Dockerized backend on a different domain required precise filter chain configuration in Spring Security.
"Focusing on system optimization and clean data patterns."