Skip to content

Repository files navigation

📝 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
    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 🌐.

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

About

Welcome to the Task Management Project, a comprehensive and efficient tool for managing tasks and enhancing productivity.

Topics

Resources

Stars

18 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages