Skip to content

dustingrof/focal

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:

Video Link

Project Demo on LinkedIn

Product Views (Light Mode)

"Kanban Board View" "Edit Card View" "Slideout Chat View" "About Page View"

Product Views (Dark Mode)

"Kanban Board View" "Edit Card View" "Slideout Chat View" "About Page View"

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