Skip to content
/ todo Public

Todo App built with Next.js and Tailwind CSS. Animated with Framer Motion

Notifications You must be signed in to change notification settings

cloworm/todo

Repository files navigation

Todo App

Netlify Status

Next.js JAMstack hosted on Netlify.

Todo app frontend challenge from Frontend Mentor

Light Mode

light mode

Dark Mode

dark mode

Features

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Add new todos to the list
  • Mark todos as complete
  • Delete todos from the list
  • Filter by all/active/complete todos
  • Clear all completed todos
  • Toggle light and dark mode
  • Drag and drop to reorder items on the list

Technology Used

Development

  1. Clone repo

    git clone https://github.com/cloworm/todo
    
  2. Install Dependencies

    npm i
    
  3. Run the dev server

    npm run dev
    

About

Todo App built with Next.js and Tailwind CSS. Animated with Framer Motion

Resources

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •