Nathan-Abegaz / K-Board

K-Board is a project management web application that allows users to visually organize project tasks. ✏️

K-Board

San Jose State University
Class: CMPE 172 - Enterprise Software
Fall 2020
Team Members: Francisco Ibarra, Nathan Abegaz, Samantha Jaime

K-Board is a project management web application that allows users to visually organize project tasks. It is a Kanban-style list-making web application similar to solutions like Trello or Jira. K-board was implmented in a three-tier architechtire model for better development flexibility.

Users can create boards for projects and create lists based on the project needs and delete once a task has reached completion. K-Board comes with a simple UI that makes it easy for a user to manage boards and lists.

Demo Screenshots

Folder Structure

Source code is organized as follows:

• Client (Frontend code)
  
  • HTML, CSS, JS Code
    
  • React+Redux
    
• Server (Backend code)
  
  • Node code
    
  • Express.js API
    
• Scripts
  
  • Docker build script
    
• Readme

How to Run Locally

Clone this repository by doing:

git clone https://github.com/Francisco-Ibarra07/K-Board.git

cd into the client folder and run npm install

• This will install all frontend dependencies

cd into the server folder and run npm install

• This will install all of the API dependencies

To run the frontend, do:

npm start

inside the client folder

To run the backend, do:

node server.js

inside the server folder

Disclaimer: When you run the app locally, make sure to include your own aws-exports.js file information generated by AWS amplify if you want authentication to work locally.

System Diagram

Sequence Diagram

DB Schema

API End Points