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.
- 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.
- 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.
- Visualize task timelines using an interactive Gantt chart.
- Monitor project progress effectively.
- Comprehensive dashboard for admins to view all users and tasks.
- Analytics and insights on task completion rates.
- Clean and responsive UI for a smooth experience.
- Dynamic task updates without needing to refresh the page.
Follow these steps to set up the project locally:
- Clone the repository
git clone https://github.com/frau-azadeh/task.git
- Install dependencies: Navigate to the project directory and run npm install
- Start the development server npm run dev open your browser and visit http://localhost:3000
The project is live on Vercel 🌐.
Task Management Live App
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