Skip to content

RayenMarzouk6/Planifica-IT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

PLANIFICA IT

PLANIFICA IT is a task and project management platform designed to streamline collaboration, enhance productivity, and ensure organized workflows for teams and individuals. With an intuitive interface, robust features, and seamless user experience, PLANIFICA IT empowers users to efficiently plan, assign, and track their tasks. output-onlinepngtools (2)

Key Features

User Authentication

  • Secure login and signup using JWT tokens.
  • Role-based access control for enhanced security.

Task Management

  • Create, assign, and manage tasks for users.
  • Mark tasks as completed or pending.
  • Filter and view tasks by status (completed, pending, or deleted).

Project Overview

  • Associate tasks with specific projects for better organization.
  • Track project progress with aggregated task data.

Custom Task Status

  • "Delete" tasks visually without removing them from the database, stored in localStorage for persistence.

Dashboard Statistics Report

  • Generate detailed statistical reports on task completion rates, user productivity, and project progress.

Project Detail Report

  • Export a comprehensive report of project details, including task breakdowns, assigned users, and progress metrics.

Responsive UI

  • Fully responsive design for desktop, tablet, and mobile devices.

Technologies Used

Frontend

  • React.js: For building a dynamic and interactive user interface.
  • Material-UI (MUI): For modern and responsive design components.
  • Axios: For seamless HTTP requests.

Backend

  • Node.js with Express.js: For building RESTful APIs.
  • MongoDB: As the primary database for managing tasks and user data.
  • JWT Authentication: For secure user authentication and authorization.

Additional Libraries

  • jwt-decode: For decoding and extracting user information from tokens.
  • chart.js: For generating visually appealing and interactive dashboard statistics.

Usage

Login or Register

  • Sign up for an account or log in with existing credentials.

Manage Tasks

  • Create tasks, assign them to users, and monitor their status.
  • Mark tasks as completed or pending with a simple checkbox toggle.

Generate Reports

Screenshots

Login & SignUp Page

Capture d'écran 2025-01-28 131144 Capture d'écran 2025-01-28 131200

Home Page

Capture d'écran 2025-01-28 120437 Capture d'écran 2025-01-28 120412

User Dasboard

Capture d'écran 2025-01-28 120846 Capture d'écran 2025-01-28 120937 Capture d'écran 2025-01-28 122331 Capture d'écran 2025-01-28 122350

Admin Dasboard

Capture d'écran 2025-01-28 123815 Capture d'écran 2025-01-28 121704 Capture d'écran 2025-01-28 121715 Capture d'écran 2025-01-28 121832 Capture d'écran 2025-01-28 121941 Capture d'écran 2025-01-28 122127

Setup and Installation

Prerequisites

Ensure the following are installed on your system:

  • Node.js (v14+)
  • MongoDB (local or cloud)
  • Git

Installation Steps

  1. Clone the Repository:
    git clone https://github.com/RayenMarzouk6/planifica-it.git
    cd planifica-it

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages