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.

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.

1.Landing Page

2.Adding Task

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

git clone [email protected]:Hanzalashaik/project-management-app.git
cd project-management-app
npm install

To start app

npm run dev

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.