Skip to content

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

Notifications You must be signed in to change notification settings

SashenJayathilaka/Project-Management-App

Repository files navigation

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


📚 Table of Contents


📌 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:


📦 Installation

Clone the project:

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

Install the dependencies:

npm install

🧪 Running Locally

To start the app locally:

npm run dev

Then open your browser and go to: 👉 http://localhost:3000


🔐 Environment Variables

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

Example:

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
  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 🐦 Twitter: @SashenHasinduJ

🔗 Project Repository: GitHub Link


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

About

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

Topics

Resources

Stars

Watchers

Forks