https://github.com/frau-azadeh/task
todolist
https://github.com/frau-azadeh/task
api nextjs14 tailwindcss typescript
Last synced: about 1 year ago
JSON representation
todolist
- Host: GitHub
- URL: https://github.com/frau-azadeh/task
- Owner: frau-azadeh
- Created: 2024-10-14T18:56:29.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-25T19:09:44.000Z (over 1 year ago)
- Last Synced: 2025-05-14T16:19:16.793Z (about 1 year ago)
- Topics: api, nextjs14, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://task-psi-livid.vercel.app
- Size: 211 KB
- Stars: 17
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 **Task Management Project**
Welcome to the **Task Management Project**, a comprehensive and efficient tool for managing tasks and enhancing productivity. This project leverages modern web technologies to provide a seamless and user-friendly experience for both admins and users.
---
## ⚡ **Technologies Used**
- **Next.js 14**: The latest version of the powerful React framework for building server-rendered applications.
- **App Router**: Utilized for defining and managing dynamic routes efficiently.
- **TypeScript**: Ensures type safety and improves code maintainability.
- **MockAPI**: Used for simulating API calls and managing fake backend data.
---
## 🚀 **Key Features**
### **🔒 User and Admin Roles**
- **Admin Capabilities**:
- Add new tasks for any user.
- Edit existing tasks.
- Delete tasks as required.
- **User Capabilities**:
- View and manage their own tasks.
- Limited access to prevent modification of other users' data.
### **📊 Gantt Chart Integration**
- Visualize task timelines using an interactive Gantt chart.
- Monitor project progress effectively.
### **📈 Admin Dashboard**
- Comprehensive dashboard for admins to view all users and tasks.
- Analytics and insights on task completion rates.
### **💡 User-Friendly Interface**
- Clean and responsive UI for a smooth experience.
- Dynamic task updates without needing to refresh the page.
---
## 🛠️ **Installation and Setup**
Follow these steps to set up the project locally:
1. **Clone the repository**
```bash
git clone https://github.com/frau-azadeh/task.git
2. **Install dependencies: Navigate to the project directory and run**
npm install
3. **Start the development server**
npm run dev
open your browser and visit
http://localhost:3000
## 🚀 Deployment
The project is live on [Vercel](https://task-psi-livid.vercel.app/login) 🌐.
Task Management Live App
## 📚 How It Works
Routing
The project uses the Next.js App Router for efficient and dynamic page navigation.
Data Handling
Data is fetched and managed using MockAPI, ensuring a smooth simulation of backend interactions.
TypeScript Integration
All components and utilities are written in TypeScript to provide robust type safety.
🎨 Screenshots
Admin Dashboard
User Task Management
🤝 Contributing
We welcome contributions! Please follow these steps:
Fork the repository.
Create a new branch:
bash
Copy code
git checkout -b feature/YourFeature
Commit your changes:
bash
Copy code
git commit -m "Add some feature"
Push to the branch:
bash
Copy code
git push origin feature/YourFeature
Submit a pull request.
---
👩🏻💻Author : Azadeh Sharifi Soltani