https://github.com/flavioccf/react_todo_list
Small application with the basic elements for a React Application, by adding, removing and updating ToDo tasks in a list of items.
https://github.com/flavioccf/react_todo_list
css-modules react typescript vite
Last synced: 2 days ago
JSON representation
Small application with the basic elements for a React Application, by adding, removing and updating ToDo tasks in a list of items.
- Host: GitHub
- URL: https://github.com/flavioccf/react_todo_list
- Owner: flavioccf
- License: mit
- Created: 2024-04-19T07:23:08.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T06:54:56.000Z (over 1 year ago)
- Last Synced: 2025-04-09T03:17:36.369Z (10 months ago)
- Topics: css-modules, react, typescript, vite
- Language: TypeScript
- Homepage: https://to-do-web-app-black.vercel.app
- Size: 80.1 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
ToDo List Web Application.
About •
Functionalities •
Layout •
Technologies •
Installation •
## 💻 About
Small application with the basic elements for a React Application, by adding, removing and updating ToDo tasks in a list of items.
## ☑ Functionalities
- [x] Add ToDo Tasks
- [x] Add with Enter
- [x] Check empty fields
- [x] Change ToDo task status
- [x] Set as Done
- [x] Delete ToDO
- [x] Responsiveness for Mobile Devices
## 🎨 Layout
### Figma File
[Figma Mock](https://www.figma.com/file/0n0zDN7zbzhRbaEO74Xesx/ToDo-List/duplicate)
## 🔨 Technologies
The following framworks/libraries were used for this project:
- **[ReactJS](https://reactjs.org/)**
- **[TypeScript](https://www.typescriptlang.org/)**
- **[Sass](https://sass-lang.com/)**
- **[Vite](https://vitejs.dev/)**
> Check the full [package.json](https://github.com/flavioccf/react_ignite_challenge_01/blob/main/package.json)
## 🚀 Installation
```bash
# Clone the repo
git clone https://github.com/flavioccf/react_ignite_challenge_01.git
# Access the project
cd react_ignite_challenge_01
# Install dependencies
npm install
# Run the application
npm run dev
# The server will start - port:3000 - acesse http://localhost:3000
```