Task Tracker Frontend is a modern and responsive task management application that helps users organize work, track deadlines, monitor progress, and receive AI-powered productivity insights.
The application provides secure authentication, personalized task management, overdue task detection, intelligent task prioritization, and an integrated AI assistant that helps users stay focused and productive.
This repository contains the frontend application. The backend API is maintained in a separate repository and deployed independently.
Frontend Application
https://tasktracker.app.devendra.indevs.in
- User Registration
- User Login
- JWT-Based Authentication
- Protected Routes
- Secure Session Handling
- Create Tasks
- View Tasks
- Update Tasks
- Delete Tasks
- Task Status Management
- Priority Management
- Due Date Tracking
- Real-Time Task Overview
- Total, Todo, In Progress, and Done Statistics
- Search Tasks by Keyword
- Filter by Status
- Filter by Priority
- Due Date Sorting
- Default Latest-First Task Ordering
- Responsive Dashboard Layout
- Overdue Task Detection
- Overdue Task Highlighting
- Intelligent Task Prioritization
- Deadline Awareness
- Progress Visibility
The dashboard includes an AI-powered productivity assistant that analyzes task data and provides:
- Personalized Task Summaries
- Overdue Task Analysis
- Priority Recommendations
- Productivity Suggestions
- Deadline-Aware Planning Guidance
- Natural Language Task Assistance
AI responses are generated using the authenticated user's task data to provide personalized recommendations. Recommendations dynamically change based on task status, priority, due dates, and overdue conditions.
- React
- Vite
- JavaScript (ES6+)
- CSS
- JWT Authentication
- Protected Client Routes
- Fetch API
- REST API Communication
- Vercel
- Custom Domain
- HTTPS
React Frontend
│
▼
JWT Authentication
│
▼
Spring Boot REST API
│
▼
Spring AI Services
│
▼
PostgreSQL Database
The frontend communicates with a secure Spring Boot backend through authenticated REST API requests.
- User signs up or logs in
- Backend validates credentials
- JWT token is returned to the frontend
- Token is stored on the client side
- Protected API requests include the Bearer token
- Users can access only their own task data
This frontend integrates with a backend API built using:
- Spring Boot
- Spring Security
- JWT Authentication
- PostgreSQL
- Spring AI
- AWS EC2
- Amazon RDS PostgreSQL
Backend Repository:
https://github.com/devendra1176/task-tracker-api
The application is designed to work across:
- Desktop Devices
- Tablets
- Mobile Devices
Responsive layouts ensure a consistent user experience across different screen sizes.
- Node.js
- npm
git clone https://github.com/devendra1176/task-tracker-frontend.git
cd task-tracker-frontendnpm installnpm run devhttp://localhost:5173
- Hosted on Vercel
- Custom Domain Enabled
- HTTPS Secured
- Hosted Separately
- AWS EC2 Deployment
- Amazon RDS PostgreSQL
- GitHub Actions CI/CD Pipeline
- Inline Task Editing
- Advanced Dashboard Analytics
- Enhanced Mobile Experience
- Additional AI Productivity Workflows
- Calendar View
- Notifications and Reminders
- Improved Accessibility
Devendra Sahu
Java Backend Developer | Spring Boot | AWS | PostgreSQL | AI Integration | REST APIs
This frontend was built to transform a secure backend system into a complete user experience by combining authentication, task management, productivity tracking, and AI-powered assistance within a modern and responsive dashboard.
The project demonstrates frontend engineering concepts including:
- Component-Based UI Development
- API Integration
- JWT Authentication Flow
- State Management
- Responsive Design
- User Experience Design
- AI Feature Integration