ProjectHub

A responsive project management web app inspired by Jira.

Client: TypeScript, React, React Query, Mantine
Server: TypeScript, Node, Express, MongoDB/Mongoose

Demo

Live Demo

Click "Quick Demo" to skip login

Features

Project
- Create/edit/delete an issue within a project (Task, Story, or Bug)
- Drag and drop an issue within a column or between two columns to change its status
- Filter issues by title or assigned user(s)
- Search for issues across all projects
User Account
- Register, login and logout
- Edit user profile
Project Management
- Create/edit/delete a project
Admin Settings
- Edit a member's role (Admin, Project Manager, or Member)

Further Improvements

Allow users to create/edit/delete a column
Add drag and drop for columns
Make all tables sortable
Add end-to-end and integration tests

Run Locally

Clone repo

  git clone https://github.com/SOMONSOUM/jira-clone-expressjs-reactjs.git

Client

env variable: REACT_APP_API_URL

  cd jira-clone-expressjs-reactjs/client
  npm install
  npm start

Server
- env variables: PORT, MONGO_URI, ORIGIN, ACCESS_TOKEN_SECRET, TOKEN_EXPIRE_TIME, DEMO_PASSWORD
- ```
  cd jira-clone-expressjs-reactjs/server
  npm install
  npm run dev
```