WorkSpace

A simple Kanban board implementation used to plan personal and work projects. Website

Features

• Users can sign in with Email, Google and as Guest.
• Add mutiple boards, lists and tickets.
• Reorder tickets on different lists

Screenshots

1. Displays home page with signin buttons.

2. Displays signed in user with user boards.

3. Displays signed in user with each user board content including lists and tickets.

Installation

You would need to have Node.js and yarn installed.

To install dependencies, you can run:

yarn

Running the project

To run the project locally, in the project directory, run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Technologies used

• React and TypeScript: used to build the UI components
• Firebase for backend services; Cloud Firestore, Firebase Authentication and Firebase Hosting
• Tailwind for general styles.
• Firebase UI for sign-in UI.
• React Query: for managing server state and React Context for local state
• @hello-pangea/dnd : used to build drag and drop
• Eslint for linting and Prettier for code formating