https://github.com/sashenjayathilaka/project-management-app
This repository provides a guide to building a full-stack Project Management Dashboard. The frontend uses Next.js, Tailwind CSS, and Material UI Data Grid. The backend is powered by Node.js, Express, PostgreSQL, and Prisma. Cloud integration includes AWS Lambda and Cognito, ensuring a scalable, efficient, and secure solution for project management
https://github.com/sashenjayathilaka/project-management-app
amplify api-gateway aws-amplify-react aws-lambda axios cognito concurrently ec2 express lucide-react morgan nextjs postgresql prisma react-dnd recharts reduxjs-toolkit s3-bucket tailwind-css typescript
Last synced: about 1 month ago
JSON representation
This repository provides a guide to building a full-stack Project Management Dashboard. The frontend uses Next.js, Tailwind CSS, and Material UI Data Grid. The backend is powered by Node.js, Express, PostgreSQL, and Prisma. Cloud integration includes AWS Lambda and Cognito, ensuring a scalable, efficient, and secure solution for project management
- Host: GitHub
- URL: https://github.com/sashenjayathilaka/project-management-app
- Owner: SashenJayathilaka
- Created: 2022-07-03T03:25:40.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-19T02:10:36.000Z (about 2 months ago)
- Last Synced: 2025-04-04T02:09:16.448Z (about 1 month ago)
- Topics: amplify, api-gateway, aws-amplify-react, aws-lambda, axios, cognito, concurrently, ec2, express, lucide-react, morgan, nextjs, postgresql, prisma, react-dnd, recharts, reduxjs-toolkit, s3-bucket, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://pm-app-tan.vercel.app
- Size: 16.6 MB
- Stars: 202
- Watchers: 2
- Forks: 77
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Management Application with AWS
This repository provides a guide to building a full-stack Project Management Dashboard. The frontend uses Next.js, Tailwind CSS, and Material UI Data Grid. The backend is powered by Node.js, Express, PostgreSQL, and Prisma. Cloud integration includes AWS Lambda and Cognito, ensuring a scalable, efficient, and secure solution for project management
View Demo
·
Documentation
·
Report Bug
·
Request Feature
## :notebook_with_decorative_cover: Table of Contents
- [About the Project](#star2-about-the-project)
- [Screenshots](#camera-screenshots)
- [Tech Stack](#space_invader-tech-stack)
- [Environment Variables](#key-environment-variables)
- [Getting Started](#toolbox-getting-started)
- [Prerequisites](#bangbang-prerequisites)
- [Installation](#gear-installation)
- [Run Locally](#running-run-locally)
- [Deployment](#triangular_flag_on_post-deployment)
- [Contact](#handshake-contact)
## :star2: About the Project
### :camera: Screenshots
## LIVE DEMO 💥
### :space_invader: Tech Stack
Client
Database
## :toolbox: Getting Started
### :bangbang: Prerequisites
- Install Node JS in your computer HERE
- Sign up for a clerk account HERE
- Sign up for a Amazon Web ServicesHERE
### :key: Environment Variables
To run this project, you will need to add the following environment variables to your .env file
``
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### :gear: Installation
Install my-project with npm
```
npx create-next-app@latest my-project --typescript --eslint
```
```
cd my-project
```
Install dependencies
Install dependencies
### :running: Run Locally
Clone the project
```bash
https://github.com/SashenJayathilaka/Project-Management-App.git
```
change directory
```bash
cd Project-Management-App
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
### Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
### :triangular_flag_on_post: Deployment
To deploy this project run
##### Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
## :handshake: Contact
Sashen - [@twitter_handle](https://twitter.com/SashenHasinduJ) - [email protected]
Project Link: [https://github.com/SashenJayathilaka/Project-Management-App.git](https://github.com/SashenJayathilaka/Project-Management-App.git)