https://github.com/SashenJayathilaka/Project-Management-App
ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication)
https://github.com/SashenJayathilaka/Project-Management-App
autoprefixer chatgpt-api eslint-config-next firebase-admin firebase-firestore framer-motion google-authentication learn next-auth next-js openai postcss react-firebase-hooks react-hot-toast react-select reactjs swr tailwind-css typescript
Last synced: 9 days ago
JSON representation
ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication)
- Host: GitHub
- URL: https://github.com/SashenJayathilaka/Project-Management-App
- Owner: SashenJayathilaka
- License: mit
- Created: 2022-07-03T03:25:40.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-04-02T15:56:55.000Z (over 2 years ago)
- Last Synced: 2025-01-09T03:36:17.056Z (9 months ago)
- Topics: autoprefixer, chatgpt-api, eslint-config-next, firebase-admin, firebase-firestore, framer-motion, google-authentication, learn, next-auth, next-js, openai, postcss, react-firebase-hooks, react-hot-toast, react-select, reactjs, swr, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://chatgpt-sclone.vercel.app
- Size: 629 KB
- Stars: 199
- Watchers: 2
- Forks: 77
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# 🗂️ 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):
---
## 🧰 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!