An open API service indexing awesome lists of open source software.

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 2 months 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

Awesome Lists containing this project

README

          

logo

# πŸ—‚οΈ Project Management App (Full Stack + AWS)

This is a **Project Management Dashboard** built using modern web technologies. It includes a powerful frontend, a backend server, and secure cloud integration with AWS. Perfect for managing tasks, tracking projects, and working with teams.

---

### πŸš€ Live Demo

πŸ‘‰ [View the App Live](https://pm-app-tan.vercel.app/)

---

### πŸ“š Table of Contents

* [About](#about)
* [Features](#features)
* [Tech Stack](#tech-stack)
* [Screenshots](#screenshots)
* [Getting Started](#getting-started)

* [Requirements](#requirements)
* [Installation](#installation)
* [Running Locally](#running-locally)
* [Environment Variables](#environment-variables)
* [Deployment](#deployment)
* [Contact](#contact)

---

## πŸ“Œ About

This app is a **full-stack project management tool**. It helps teams stay organized with features like task tracking, user authentication, cloud hosting, and more.

---

## ✨ Features

βœ… Create and manage projects
βœ… Add tasks and assign team members
βœ… User authentication (with AWS Cognito)
βœ… Cloud functions using AWS Lambda
βœ… Beautiful UI with charts and data tables

---

## πŸ›  Tech Stack

### Frontend

* Next.js
* TypeScript
* React.js
* Tailwind CSS
* Material UI Data Grid

### Backend

* Node.js
* Express.js
* PostgreSQL
* Prisma ORM

### Cloud & DevOps

* AWS Lambda
* AWS Cognito
* Vercel (Deployment)

---

## πŸ“· Screenshots

> Here’s a preview of the dashboard (Click to view):


screenshot

---

## 🧰 Getting Started

### βœ… Requirements

Before you start, make sure you have:

* [Node.js](https://nodejs.org/en/) installed
* An [AWS account](https://aws.amazon.com/free/)
* A [Clerk account](https://clerk.com/) for user auth (optional but recommended)

---

### πŸ“¦ Installation

Clone the project:

```bash
git clone https://github.com/SashenJayathilaka/Project-Management-App.git
cd Project-Management-App
```

Install the dependencies:

```bash
npm install
```

---

### πŸ§ͺ Running Locally

To start the app locally:

```bash
npm run dev
```

Then open your browser and go to:
πŸ‘‰ [http://localhost:3000](http://localhost:3000)

---

### πŸ” Environment Variables

Create a `.env` file in the root directory and add the required keys.

Example:

```env
DATABASE_URL=your_postgres_db_url
AWS_REGION=your_aws_region
COGNITO_USER_POOL_ID=your_cognito_pool_id
COGNITO_CLIENT_ID=your_cognito_client_id
```

---

## πŸš€ Deployment

### Deploy with Vercel

The easiest way to deploy is using **Vercel**:

1. Go to [https://vercel.com/new](https://vercel.com/new)
2. Import your GitHub repository
3. Add environment variables in the Vercel dashboard
4. Deploy and enjoy!

You can also deploy manually using other platforms like AWS, Netlify, or Docker.

---

## πŸ“¬ Contact

**Developer**: Sashen Jayathilaka
πŸ“§ Email: [sashenjayathilaka95@gmail.com](mailto:sashenjayathilaka95@gmail.com)
🐦 Twitter: [@SashenHasinduJ](https://twitter.com/SashenHasinduJ)

πŸ”— Project Repository: [GitHub Link](https://github.com/SashenJayathilaka/Project-Management-App.git)

---


⭐️ If you found this project helpful, feel free to star it!