Skip to content

dustingrof/focal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

focal

A full stack web app made to help teams stay organized and productive. Built with React on the frontend and Express/PostgreSQL on the backend, and uses the Mantine component library as well as Footable.

This app was built as a final project for the Lighthouse Labs web development program by:

Product Views

"Homepage view" "Task focus view" "Homepage view in dark mode"

Hosted Link

The hosted app can be explored here: to follow

Setup From Repo

  1. Locally clone the repo
  2. Navigate to /server
  3. Install depencies using npm install
  4. Reboot the database using npm run db:reset
  5. Start the server using npm start
  6. Navigate to /client
  7. Install all dependices using npm install
  8. Start the client using npm start
  9. Navigate to http://localhost:3006

Functionality

The app is configured for demo currently--start by selecting one of the three users from the dropdown.

View:

  • all boards in the left navigation bar
  • all tasks for a board in the kanban view
  • all their own tasks in the homepage view
  • the current weather in their homepage view

Timetrack:

  • using the onboard Pomodoro time
  • using the global timer, which can then be assigned to a task

Create, edit & delete:

  • new boards
  • new tasks--on an existing board

Communicate:

  • send messages to all other users through the group chat
  • send an email about a task, from the task detail view
  • initiate a video chat call, from the task detail view

About

React based kanban board with time tracking

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages