https://github.com/danielamichelle/todo-app-main
https://github.com/danielamichelle/todo-app-main
css html5 nextjs react react-context typescript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/danielamichelle/todo-app-main
- Owner: DanielaMichelle
- Created: 2025-03-03T20:03:06.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-03T20:12:06.000Z (over 1 year ago)
- Last Synced: 2025-06-06T03:39:47.767Z (about 1 year ago)
- Topics: css, html5, nextjs, react, react-context, typescript
- Language: TypeScript
- Homepage: https://todo-app-main-dmij251.netlify.app/
- Size: 149 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo app
This is a solution to the [Todo app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW).
## Overview
### The challenge
Users should be able to:
- 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
### Built with
- Semantic HTML5 markup
- CSS custom properties
- [Typescript](https://www.typescriptlang.org/)
- [React](https://reactjs.org/) - JS library
- [Next.js](https://nextjs.org/) - React framework