Skip to content
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

173 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Issue Tracker

A Project Management App intended for internal use within an organization. Users can create projects, manage team members, and create and track tickets and tasks on specific projects they are working on. Users are provided with real time data on the status of their projects.

This project is built with React in the front-end and ruby on rails in the back-end. PostgreSQL is used as database to persist all data. Among other tech stacks used are material ui, storybook, reactstrap, react-router, chartjs-2, react-slack-chat.

Setup

  1. Create the .env by using .env.example as a reference: cp .env.example .env
  2. Install fron-end dependencies with npm install (inside the client folder)
  3. Install back-end dependencies with bundle install (inside the backend folder)
  4. Run rake db:migrate and rake db:seed to setup database with Rails

Finally, retrieve a webhook key from slack by creating a workspace and put inside a .env file based on the .env_example provided.

Running Webpack Development Server

npm start

Running Rails Server

rails s

Running Jest Test Framework

npm test

Running Storybook Visual Testbed

npm run storybook

Final Product

"Screenshot of the Project Dashboard"

"Screenshot of the Project Dashboard 2"

"Screenshot of the Ticket Page"

"Screenshot of the Ticket Page2"

"Screenshot of the Ticket Page3"

"Screenshot of Ticket Creation"

"Screenshot of Team Member Addition"

"Screenshot of New Task Addition"

Dependencies

  • Axios
  • Node 5.10.x or above
  • React 16.4.x or above
  • Rails 6.0.0 or above
  • React-Material UI
  • Reactstrap
  • React-slack-chat
  • Node-Sass
  • React Testing Library
  • Storybook Testing App
  • Cypress
  • Chartjs-2

About

Project Management App. Users can create projects, manage team members, and create and track tickets and tasks on specific projects they are working on. Users are provided with real time data on the status of their projects. The app was created with the following stack: React, Ruby on Rails (back-end), Node.js, PostgresQL, SASS.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages