https://github.com/jerp86/desafio01-todo

Nesse desafio do #Ignite da @rocketseat-education, foi reforçado os conceitos mais importantes do ReactJS e aprendido ainda mais conceitos que serão utilizados em todas as aplicações que serão desenvolvidas no futuro.
https://github.com/jerp86/desafio01-todo

challenge challenge-frontend challenge-rocketseat desafio-front desafio-rocketseat phosphor-react rocketseat vite

Last synced: 4 months ago
JSON representation

Nesse desafio do #Ignite da @rocketseat-education, foi reforçado os conceitos mais importantes do ReactJS e aprendido ainda mais conceitos que serão utilizados em todas as aplicações que serão desenvolvidas no futuro.

• Host: GitHub
• URL: https://github.com/jerp86/desafio01-todo
• Owner: jerp86
• License: mit
• Created: 2022-12-09T03:38:10.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-18T20:15:53.000Z (over 2 years ago)
• Last Synced: 2025-01-18T08:16:32.671Z (about 1 year ago)
• Topics: challenge, challenge-frontend, challenge-rocketseat, desafio-front, desafio-rocketseat, phosphor-react, rocketseat, vite
• Language: TypeScript
• Homepage:
• Size: 156 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Desafio 01 - Praticando os conceitos do ReactJS

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

---



  Sobre | 

  Motivo | 

  Tecnologias | 

  Figma | 

  Cores | 

  Executar | 

  Licença



---

## :information_source: Sobre

Nesse desafio do #Ignite da [Rocketseat](@rocketseat-education), foi reforçado os conceitos mais importantes do ReactJS e aprendido ainda mais conceitos que serão utilizados em todas as aplicações que serão desenvolvidas no futuro.

## :interrobang: Motivo

Reinicio dos estudos do bootcamp Ignite ReactJS da Rocketseat.

## :rocket: Tecnologias Utilizadas

**Front-end:**

- [React](https://reactjs.org/)

- [Phosphor](https://phosphoricons.com/)

## :art: Layout no Figma

Após logar em sua conta, você deve duplicar o Layout do desafio. Para isso, basta você clicar no link abaixo. Ele adicionará o Layout à sua dashboard do Figma automaticamente, como uma cópia e abrirá o layout da aplicação para a sua visualização.

[ToDo List](https://www.figma.com/file/0n0zDN7zbzhRbaEO74Xesx/ToDo-List/duplicate)

## :rainbow: Documentação de cores

| Cor           | Hexadecimal                                                      |

| ------------- | ---------------------------------------------------------------- |

| --blue        | ![#4EA8DE](https://via.placeholder.com/10/4EA8DE?text=+) #4EA8DE |

| --blue-dark   | ![#1E6F9F](https://via.placeholder.com/10/1E6F9F?text=+) #1E6F9F |

| --danger      | ![#E25858](https://via.placeholder.com/10/E25858?text=+) #E25858 |

| --gray-100    | ![#F2F2F2](https://via.placeholder.com/10/F2F2F2?text=+) #F2F2F2 |

| --gray-200    | ![#D9D9D9](https://via.placeholder.com/10/D9D9D9?text=+) #D9D9D9 |

| --gray-300    | ![#808080](https://via.placeholder.com/10/808080?text=+) #808080 |

| --gray-400    | ![#333333](https://via.placeholder.com/10/333333?text=+) #333333 |

| --gray-500    | ![#262626](https://via.placeholder.com/10/262626?text=+) #262626 |

| --gray-600    | ![#1A1A1A](https://via.placeholder.com/10/1A1A1A?text=+) #1A1A1A |

| --gray-700    | ![#0D0D0D](https://via.placeholder.com/10/0D0D0D?text=+) #0D0D0D |

| --purple      | ![#8284FA](https://via.placeholder.com/10/8284FA?text=+) #8284FA |

| --purple-dark | ![#5E60CE](https://via.placeholder.com/10/5E60CE?text=+) #5E60CE |

| --white       | ![#FFFFFF](https://via.placeholder.com/10/FFFFFF?text=+) #FFFFFF |

## :zap: Como executar

Clone o projeto:

```

git clone https://github.com/jerp86/desafio01-todo.git

```

Acesse a pasta clonada:

```

cd desafio01-todo

```

Instale as dependências

```

npm ci

```

Rode o projeto:

```

npm run dev

```

## :memo: Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com ❤️ por Jerp86 👋️ Entre em contato!