todo-ticker

Getting started

• Clone the repository

  git clone https://github.com/supriya-kotturu/todo-ticker.git
  

• Install the dependencies

  npm install
  

• Run the application

  npm run dev
  

  or

  npm start
  

• Build the application

  npm run build
  

• Run the production build locally

  npm run preview
  

Design

figma.com

Todo

• TS setup with vite
• UI Components
  • Button
  • Text Input
  • Checkbox
  • Card
  • Container
• Components
  • Dashboard
  • NoTasks (initial)
  • AddTask
  • Task
  • Timer
  • SideNav
    • mobile / tablet
    • web
• Task state
• Filter the Tasks
• Add Router
• Add redux
• Add local storage
• Add server
• Deploy on Netlify

Try it on Netlify

todo-ticker.netlify.app