https://github.com/ny-aina-solofo/todo-list
This is a solution to the Todo app challenge on Frontend Mentor.
https://github.com/ny-aina-solofo/todo-list
electron electron-forge localstorage react sequelize sqlite3 tailwind
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/ny-aina-solofo/todo-list
- Owner: ny-aina-solofo
- Created: 2025-11-12T14:38:53.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-11-12T15:35:31.000Z (8 months ago)
- Last Synced: 2025-11-12T17:27:14.458Z (8 months ago)
- Topics: electron, electron-forge, localstorage, react, sequelize, sqlite3, tailwind
- Language: JavaScript
- Homepage: https://todolist-gray-theta-28.vercel.app
- Size: 1000 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Todo app solution
This is a solution to the [Todo app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW).
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
## Overview
### The challenge
Users should be able to:
- [x] Add new todos to the list
- [x] Mark todos as complete
- [x] Delete todos from the list
- [x] Filter by all/active/complete todos
- [x] Clear all completed todos
- [x] Toggle light and dark mode
- [x] View the optimal layout for the app depending on their device's screen size
- [x] See hover states for all interactive elements on the page
- [x] Build this project as a full-stack application
- [x] test
- [x] **Bonus**: Drag and drop to reorder items on the list
### Screenshot
### Links
link : https://todolist-gray-theta-28.vercel.app/
github : https://github.com/ny-aina-solofo/todo-list
## My process
### Built with
**Front** : react, electron, tailwind
**Back** : node, sqlite, locale storage
**Host**: github, vercel
**Test** : vitest, jest, react-testing-library
### What I learned
- React
- Tailwind
- Testing : unit testing, integration testing
- Hosting
### Continued development
- clean coding
- clean architectures
### Useful resources
- react : https://fr.react.dev/
- tailwind : https://tailwindcss.com/docs
- frontendmentor : https://www.frontendmentor.io
## Author
- Frontend Mentor - [@ny-aina-solofo](https://www.frontendmentor.io/profile/ny-aina-solofo)
- github : https://github.com/ny-aina-solofo