Task Tracker Frontend

A clean and responsive frontend for the Task Tracker project, built using React and Vite, and integrated with a secure Spring Boot backend API.

---

Live Application

Frontend (Full Application): https://task-tracker-frontend-devendra1176s-projects.vercel.app/

Backend API: https://task-tracker-api-kgsq.onrender.com

---

Features

• User signup and login interface
• JWT-based authentication flow
• Token-based access to protected APIs
• Task dashboard for authenticated users
• Create, update, and delete tasks
• Search tasks by keyword
• Filter tasks by status and priority
• Pagination support
• Clean and modern user interface
• Integration with backend REST APIs

---

Tech Stack

• React
• Vite
• JavaScript
• CSS
• Fetch API

---

Application Flow

1. User signs up or logs in
2. Backend returns a JWT token
3. Token is stored on the client side
4. Protected API requests include the Bearer token
5. User can manage only their own tasks

---

Main Pages

• Auth Page
• Dashboard Page

---

Backend Integration

This frontend is integrated with the Task Tracker backend API built using:

• Spring Boot
• Spring Security
• JWT Authentication
• PostgreSQL

---

Run Locally

Requirements

• Node.js
• npm

Clone the repository

git clone https://github.com/devendra1176/task-tracker-frontend.git
cd task-tracker-frontend

Install dependencies

npm install

Start the development server

npm run dev

Frontend URL

After running locally, open:

http://localhost:5173

---

Deployment

• Frontend deployed on Vercel
• Backend deployed separately on Render

---

Future Improvements

• Better UI polish
• Inline task editing
• Improved loading and error states
• Better mobile responsiveness
• Dark mode enhancements

---

Author

Devendra Sahu

Aspiring Java Backend Developer | Spring Boot | REST APIs | JWT | PostgreSQL | Learning React

---

Project Goal

This frontend was built to transform a secure backend system into a usable product with authentication, task operations, and a clean dashboard experience.

---

---