An open API service indexing awesome lists of open source software.

https://github.com/kauecdev/todo-list-app

ToDo List app - Desafio 01 React - Rocketseat
https://github.com/kauecdev/todo-list-app

css-modules react typescript

Last synced: 11 months ago
JSON representation

ToDo List app - Desafio 01 React - Rocketseat

Awesome Lists containing this project

README

          

# ToDo List App
## Desafio 01 - Trilha de React - Rocketseat

## Sobre o projeto:

A proposta do primeiro desafio era desenvolver uma aplicação do tipo TODO List, onde o usuário pode criar tarefas, editar seus estados (completa/incompleta) e deletá-las. O design foi desenvolvido pela própria Rocketseat e disponibilizado através de um link do Figma.

## Tecnologias usadas:

- React
- Typescript
- CSS Modules
- Lucide Icons
- React Cookie

## Indo além:

Como recurso extra além dos requisitos do desafio resolvi adicionar também a funcionalidade de salvar os dados das tarefas em cookies na aplicação, assim o usuário não perderá a informação das tarefas criadas ao reiniciar/fechar a página da aplicação.

## DIY

OBS: Para executar a aplicação na sua máquina você irá precisar ter instalado o node.

1. Baixe ou clone o projeto.
2. Instale as dependências usando o comando `npm install` ou `npm i` no diretório do projeto.
3. Use o comando `npm run dev` para inicar a aplicação.
4. Divirta-se criado suas próprias tarefas!

## Screenshots

![image](https://github.com/kauecdev/todo-list-app-react-ts/assets/61801350/57fa7de8-0fe3-4b85-adb0-8f48522459b8)
![image](https://github.com/kauecdev/todo-list-app-react-ts/assets/61801350/1e7dbe16-6a49-4371-b36e-23b7437331aa)