Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/0xabdulkhaliq/todo-app
This is a solution to the "Todo App" challenge on Frontend Mentor
https://github.com/0xabdulkhaliq/todo-app
bundling css3 es6 es6-modules frontend frontend-mentor html5 webpack
Last synced: about 2 months ago
JSON representation
This is a solution to the "Todo App" challenge on Frontend Mentor
- Host: GitHub
- URL: https://github.com/0xabdulkhaliq/todo-app
- Owner: 0xabdulkhaliq
- License: mit
- Created: 2023-07-08T16:29:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-16T14:30:03.000Z (over 1 year ago)
- Last Synced: 2024-11-08T11:23:15.702Z (3 months ago)
- Topics: bundling, css3, es6, es6-modules, frontend, frontend-mentor, html5, webpack
- Language: CSS
- Homepage: https://0xabdulkhalid.github.io/todo-app/
- Size: 190 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## **Preview**
![]()
## **Links**
- |||
| :----- | :----- |
| Solution URL: | [To be posted :hourglass_flowing_sand:](#link) |
| Live Site URL: | [https://0xabdulkhalid.github.io/todo-app/](https://0xabdulkhalid.github.io/todo-app/) |
|||
## The Challenge
- The challenge is to build out this Todo App and get it looking as close to the design as possible.
- 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**
   
## **Tools Used**
   
## **Acknowledgment**
- Challenge was provided by [Frontend Mentor](https://www.frontendmentor.io)
## **Let's Connect 👋**