/jira-clone-expressjs-reactjs

Primary LanguageTypeScript

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

overview-dashboard project-dashboard issue

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