https://github.com/gustavo-p0/todolist-react

Implementação do desafio ToDo List da trilha ReactJS do Ignite, promovido pela Rocketseat. O projeto consiste em uma aplicação de controle de tarefas no estilo to-do list, com funcionalidades que incluem adicionar, marcar, desmarcar e remover tarefas, além de mostrar o progresso de conclusão.
https://github.com/gustavo-p0/todolist-react

challenge cssmodules ignite-reactjs react rocketseat typescript

Last synced: 30 days ago
JSON representation

Implementação do desafio ToDo List da trilha ReactJS do Ignite, promovido pela Rocketseat. O projeto consiste em uma aplicação de controle de tarefas no estilo to-do list, com funcionalidades que incluem adicionar, marcar, desmarcar e remover tarefas, além de mostrar o progresso de conclusão.

• Host: GitHub
• URL: https://github.com/gustavo-p0/todolist-react
• Owner: gustavo-p0
• License: mit
• Created: 2024-01-02T11:43:11.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-27T01:07:36.000Z (6 months ago)
• Last Synced: 2024-10-02T07:01:56.925Z (about 1 month ago)
• Topics: challenge, cssmodules, ignite-reactjs, react, rocketseat, typescript
• Language: TypeScript
• Homepage: https://todolist-react-sable-delta.vercel.app
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ToDo List - Desafio ReactJS Ignite

![Screenshot Todo List App](./screenshots/todo_list_app.png)

ToDo List é o primeiro desagio da trilha ReactJS do Ignite! Aqui, você encontrará todas as informações necessárias para entender e executar este projeto.

## Funcionalidades Implementadas

- Adicionar uma nova tarefa.

- Marcar e desmarcar uma tarefa como concluída.

- Remover uma tarefa da listagem.

- Mostrar o progresso de conclusão das tarefas.

## Layout da Aplicação

O layout utilizado para guiar a implementação das funcionalidades está disponível [neste link](https://www.figma.com/file/0n0zDN7zbzhRbaEO74Xesx/ToDo-List/duplicate). Duplicando o layout em sua dashboard Figma, você terá uma referência visual durante o desenvolvimento.

## Tecnologias Utilizadas

- ReactJS

- TypeScript

- CSS Modules

## Como Executar o Projeto

1. Clone este repositório para o seu ambiente local:

```bash

git clone https://github.com/seu-usuario/nome-do-repositorio.git

```

2. Acesse o diretório do projeto:

```bash

cd nome-do-repositorio

```

3. Instale as dependências:

```bash

npm install

```

4. Execute o projeto:

```bash

npm run dev

```

A aplicação estará disponível em [http://localhost:5173](http://localhost:5173).