Skip to content

README.md

Latest commit

 

History

History
68 lines (48 loc) · 1.44 KB

README.md

File metadata and controls

68 lines (48 loc) · 1.44 KB

🚀 Task Tracker - Frontend

This is the frontend of the Task Tracker Application, built with React, Redux Toolkit, Tailwind CSS, and DaisyUI. It allows users to manage tasks seamlessly with authentication and pagination support.

🌐 Live Demo

👉 https://task-tracker-delta-tawny.vercel.app

✨ Features

  • 🔐 User Authentication (Register, Login, Logout)
  • ✅ Task CRUD (Create, Read, Update, Delete)
  • 🔍 Dynamic Search with Debounce (optimizes performance during task search)
  • 🗂️ Task Filtering and Sorting (by priority, status, date, etc.)
  • 📄 Pagination on task listing
  • 🧠 Centralized state with Redux Toolkit
  • 🌈 UI components via Tailwind CSS & DaisyUI
  • 🧼 Input validation using validator
  • 🍞 Toast alerts with react-toastify
  • 🔒 Auth via JWT + HTTP-only cookies
  • 📡 API communication using Axios

🧱 Tech Stack

  • React 19
  • Redux Toolkit
  • React Router DOM
  • Tailwind CSS 4
  • DaisyUI
  • Axios
  • React Hot Toast
  • Validator
  • Vite

⚙️ Project Setup

1. Clone the repository

git clone https://github.com/your-username/Task-Tracker-Application.git
cd Task-Tracker-Application/frontend

2. Install dependencies

npm install

3. Run development server

npm run dev

4. Build for production

npm run build