ProjectManagementApp [Preview: https://main.d21eo5uqq2p5ii.amplifyapp.com/ ] ⭐

Project Management Web Application Overview:

• This project management web application leverages a full-stack approach to deliver a robust and scalable solution. On the back-end, it's built with Node.js and Express, managing data through a Postgres database, with Prisma ORM streamlining database interactions. The front-end is powered by Next.js, offering a seamless user experience, with state management efficiently handled via Redux Toolkit. Tailwind CSS and Material-UI (MUI) are used for responsive and elegant design components, while React DnD and Recharts facilitate intuitive drag-and-drop functionality and interactive data visualizations.

• The application is deployed on AWS, using AWS Cognito for user authentication and Postman for API testing, with AWS CLI for infrastructure management. Gantt charts provide detailed project timelines, integrating well with other dynamic features.

AWS Structure diagram

• 

Data schema diagram

• 

Links Backend:

• Node - https://nodejs.org/en
• Vscode Studio - https://code.visualstudio.com/
• Express - https://expressjs.com/
• Postgres download - https://www.postgresql.org/download/
• PgAdmin download - https://www.pgadmin.org/download/
• Prisma docs - https://www.prisma.io/docs/getting-st...
• Postman download - https://www.postman.com/downloads/

Links AWS:

• AWS - https://aws.amazon.com/
• AWS cli - https://docs.aws.amazon.com/cli/lates...
• AWS billing - https://us-east-1.console.aws.amazon....
• AWS cognito - https://aws.amazon.com/cognito/
• AWS cognito related links -
• https://ui.docs.amplify.aws/react/con...
• https://docs.amplify.aws/javascript/t...

Links Frontend:

• Nextjs - https://nextjs.org/docs/getting-start...
• Redux Toolkit w/ Nextjs - https://redux-toolkit.js.org/usage/ne...
• Redux Toolkit Query - https://redux-toolkit.js.org/rtk-quer...
• React DnD - https://react-dnd.github.io/react-dnd...
• Nextjs Providers - https://nextjs.org/docs/app/building-...
• Tailwind - https://tailwindcss.com/docs/configur...
• Tailwind Linting - https://tailwindcss.com/blog/automati...
• Tailwind Prettier - https://github.com/tailwindlabs/prett...
• Recharts - https://recharts.org/en-US/api
• MUI - https://mui.com/x/react-data-grid/
• Gantt Charts - https://github.com/MaTeMaTuK/gantt-ta...