Skip to content

This Project Management Web App is designed to help users organize their projects and tasks efficiently. It utilizes React, making use of refs for DOM manipulation, portals for enhanced rendering capabilities, and styling powered by Tailwind CSS for a sleek and responsive UI.

Notifications You must be signed in to change notification settings

Hanzalashaik/project-management-app

Repository files navigation

Project Management Web App

About the Project

This Project Management Web App is designed to help users organize their projects and tasks efficiently. It utilizes React, making use of refs for DOM manipulation, portals for enhanced rendering capabilities, and styling powered by Tailwind CSS for a sleek and responsive UI.

Features

1.Project Management: Add, view, and remove projects with ease.
2.Task Assignment: Associate tasks with respective projects.
3.Task Management: Add, view, and remove tasks within specific projects.
4.Ref Implementation: Utilizes React refs for DOM manipulation, enabling smooth interactivity in adding and removing projects/tasks.
5.Portals: Enhanced rendering capabilities using portals for modals or pop-up components.
4.Tailwind CSS Styling: Styled using Tailwind CSS for a modern and responsive user interface.

Screenshoots

1.Landing Page

Image

2.Adding Task

Image

Installation

To run this Project Management Web App locally, follow these steps:

git clone git@github.com:Hanzalashaik/project-management-app.git
cd project-management-app
npm install

To start app

npm run dev

Technologies Used

1.React: JavaScript library for building user interfaces.
2.React Refs: Utilized for DOM manipulation, especially in scenarios like adding/removing projects and tasks.
3.React Portals: Enhanced rendering capabilities for modal dialogs or pop-up components.
4.Tailwind CSS: Utilized for styling, providing a responsive and customizable UI.

HAPPY CODING😊

About

This Project Management Web App is designed to help users organize their projects and tasks efficiently. It utilizes React, making use of refs for DOM manipulation, portals for enhanced rendering capabilities, and styling powered by Tailwind CSS for a sleek and responsive UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published