https://github.com/itz-hiru/task-manager-frontend
Plan Pilot task manager Frontend Project
https://github.com/itz-hiru/task-manager-frontend
axios javascript reacticons reactvite recharts tailwindcss
Last synced: 7 months ago
JSON representation
Plan Pilot task manager Frontend Project
- Host: GitHub
- URL: https://github.com/itz-hiru/task-manager-frontend
- Owner: itz-Hiru
- License: mit
- Created: 2025-04-13T09:30:21.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-17T09:47:57.000Z (8 months ago)
- Last Synced: 2025-05-18T01:11:21.982Z (7 months ago)
- Topics: axios, javascript, reacticons, reactvite, recharts, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 481 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✅ Plan Pilot Task Manager - MERN Stack
Welcome to **Plan Pilot Task Manager** – a modern, responsive, and feature-rich task management app 🧠. Built with **React + Vite** and styled using **Tailwind CSS**, this frontend works seamlessly with a MERN backend to help users manage tasks while admins oversee team productivity.
---
## 🚀 Features
✨ Modern and intuitive UI
🔐 User & Admin authentication with token handling
📝 Create, update, and delete tasks
📋 View tasks by status, priority, or deadline
🧑💼 Admin Panel to manage all users and tasks
📊 Task statistics with visual insights using `recharts`
📥 Export task data (Excel or PDF ready backend)
📤 Logout with session clear
🔔 Toast notifications for all key actions
---
## 🧰 Tech Stack & Libraries
| Category | Technology |
|-----------------|---------------------|
| ⚛️ Frontend | React + Vite |
| 🎨 Styling | Tailwind CSS |
| 🔗 Routing | react-router-dom |
| 📡 HTTP Client | Axios |
| 📆 Date Format | moment.js |
| 📈 Charts | Recharts |
| 🔔 Toast Alerts | react-hot-toast |
| 🎨 Icons | react-icons |
---
## 📁 Folder Structure
```
src/
│
├── components/ # Reusable UI components
├── context/ # Auth and global context
├── hooks/ # Custom hooks
├── pages/ # Page-level views (Dashboard, Admin, etc.)
├── utils/ # Helper functions
├── App.jsx # Main app component
├── index.css # Global styles
└── main.jsx # Entry point
```
---
## 🛠️ Getting Started
1. **Clone the repo**
```bash
git clone https://github.com/itz-Hiru/Task-Manager-Frontend.git
cd Task-Manager-Frontend
```
2. **Install dependencies**
```bash
npm install
```
3. **Run the app**
```bash
npm run dev
```
> The app runs at `http://localhost:5173/`
---
## 📦 Backend Integration
Ensure the [Plan Pilot MERN Backend](https://github.com/itz-Hiru/Task-Manager-Backend) is up and running. The frontend connects to endpoints like:
- `POST /api/auth/register`
- `POST /api/auth/login`
- `GET /api/auth/profile`
- `GET /api/users/`
- `GET /api/users/:id`
- `POST /api/users/`
- `GET /api/tasks/admin/dashboard-data`
- `GET /api/tasks/user/dashboard-data`
- `GET /api/tasks/`
- `POST /api/tasks/create`
---
## 🧑💻 Author
Developed with ❤️ by [@itz-hiru](https://hirumitha-portfolio.vercel.app)
---
## ⭐️ Show Your Support
If you love this project, please leave a ⭐️ and share with your dev friends!
---
