Project Management System
A fully-responsive and scalable project management system built with React, Tailwind CSS, and various charting libraries. This system offers an intuitive interface for managing projects, tasks, attachments, and deadlines, while also providing analytical insights using dynamic charts and professional UI kits.
Key Features
Responsive Design: Pixel-perfect layout across all devices (desktop, tablet, and mobile), ensuring seamless usability on any screen size.
Task Management: Create, update, and manage tasks with detailed information such as priority, status, assignees, owners, and due dates.
Charts & Analytics: Real-time charts for visualizing project progress and performance metrics.
Attachments & Comments: Upload and manage attachments directly within the tasks. Users can also comment and collaborate on specific tasks with rich-text support.
Custom Modals: Professionally designed modals for viewing and editing task details, including priority, status, assignees, and attachments.
UI Kits Integration: Incorporation of professionally crafted UI kits for consistency in design and usability.
User Authentication: Valid email address must be used and password must be atleast 6 characters.
Tech Stack
Frontend: React, Tailwind CSS
State Management: React's useState and useEffect hooks
UI Kits: Finebank UI Kit for dashboard elements and visual consistency.
Charting: Recharts
Icons: Custom SVG icons for various task-related functionalities
Backend: Coming Soon.
Project Structure
├── public │ └── index.html ├── src │ ├── assets │ │ ├── icons │ │ └── images │ ├── components │ │ └── (Reusable UI components) │ ├── pages │ │ └── (Task, dashboard, login, etc.) │ ├── styles │ │ └── tailwind.css │ ├── App.js │ └── index.js ├── README.md └── package.json
Usage
Managing Projects & Tasks: Easily create and manage projects and tasks using the intuitive interface. Set task priority, assign team members, and track deadlines.
Custom Charts: Access the dashboard for analytical insights, where project progress is visualized using responsive charts.
Modals: View and edit task details in custom modals that allow updating task status, priority, assignees, and due dates.
Comments & Attachments: Collaborate with team members through the comment section, which supports rich text input and attachment uploads.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact For any questions or support, feel free to reach out:
Email: [email protected] GitHub: https://github.com/LaGodxy