React and Material-UI Landing Page/Template Starter Kit — Kanban Taskboard WebApp

Landing Page
  • React
  • Typescript
  • React Router
  • Material-UI
  • Linter
  • Prettier
  • Cool Landing Page with mobile support
  • Unit tests using Jest+React testing library
  • Deployment to Google Cloud firebase using Github Actions
  1. Create a new Taskboard
  2. Open a Task Board
  3. Add Task
  4. Move Task across the different stage using the drag and drop feature
  5. Delete Task

Landing Page

The Template has a home page with Toolbar for main navigation, the main content area for displaying page content, and a footer. It also offers a smooth transition/animation effect while loading the content on the page.

Responsive view

Kanban Taskboard Page

The Taskboard page displays all the tasks in a kanban style format, task can be moved across to different stages using Drag and Drop feature. Along with this you can Add and Delete tasks. All data is stored in local storage.

How to use/run the app locally?

You can run the app locally and see how it performs. Follow the below steps to run the app locally.

  1. Clone the repo
git clone



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store