https://github.com/theslladev/21diasdecodigo
Desafio comunitário para codificar por 21 dias seguidos. Os projetos incluem criação de páginas personalizadas, formulários, consumo de APIs e funcionalidades com React, Next.js e TailwindCSS, visando aprendizado, disciplina e networking.
https://github.com/theslladev/21diasdecodigo
100daysofcode 21diasdecodigo css desafio desafio-rocketseat html javascript next reactjs
Last synced: 5 months ago
JSON representation
Desafio comunitário para codificar por 21 dias seguidos. Os projetos incluem criação de páginas personalizadas, formulários, consumo de APIs e funcionalidades com React, Next.js e TailwindCSS, visando aprendizado, disciplina e networking.
- Host: GitHub
- URL: https://github.com/theslladev/21diasdecodigo
- Owner: ThesllaDev
- Created: 2022-08-26T00:26:52.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T14:08:50.000Z (over 1 year ago)
- Last Synced: 2025-04-22T21:49:06.671Z (about 1 year ago)
- Topics: 100daysofcode, 21diasdecodigo, css, desafio, desafio-rocketseat, html, javascript, next, reactjs
- Language: JavaScript
- Homepage: https://21diasdecodigo-five.vercel.app
- Size: 18.2 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafio 21 dias de código 💪🏾🚀
Este é um desafio proposto em um [post](https://www.instagram.com/p/ChTBg1BpLGU/) pela [Rocketseat](https://www.rocketseat.com.br/) e a [@Jakeliny](https://jakeliny.com.br/) para codar pelo menos 1 hora por dia, durante 21 dias
🌐 **Link do website**:
## 🎯 Objetivo
Os principais objetivos desse desafio é aprender e melhorar suas habilidades de código e também desenvolver hábito, disciplina e criar um networking com a comunidade
## 🧾 Regras
- Todos os dias, você tem que codar pelo menos uma hora!
- Você deve compartilhar todos os dias seu progresso nas suas redes sociais e marcar a @rocketseat_oficial, o perfil da @Jakeliny e usando as hashtags: #21diasdecodigo e #soumarmiteiro
- Gerar networking com as pessoas que também estão participando
## 🛠️ Tecnologias utilizadas no processo
      
### Índice dos desafios: 📋
- [x] 1. [Crie um repositório para listar os projetos que serão desenvolvidos durante os 21 dias de código](https://github.com/ThesllaDev/21diasdecodigo)
- [x] 2. [Faça um Hello World customizado com fontes, cores e imagens](https://21diasdecodigo-five.vercel.app/challenges/challenge-2)
- [x] 3. [Crie um botão animado](https://21diasdecodigo-five.vercel.app/challenges/challenge-3)
- [x] 4. [Crie uma calculadora](https://21diasdecodigo-five.vercel.app/challenges/challenge-4)
- [x] 5. [Desenvolva uma página customizada que exiba o erro 404](https://21diasdecodigo-five.vercel.app/challenges/challenge-5)
- [x] 6. [Crie um card com o efeito glassmorphism](https://21diasdecodigo-five.vercel.app/challenges/challenge-6)
- [x] 7. [Desenvolva um contador](https://21diasdecodigo-five.vercel.app/challenges/challenge-7)
- [x] 8. [Desenvolva um toggle que altera o tema para claro e escuro](https://21diasdecodigo-five.vercel.app/)
- [x] 9. [Crie uma animação de loading](https://21diasdecodigo-five.vercel.app/challenges/challenge-9)
- [x] 10. [Utilize a lib Particle.js do JavaScript](https://21diasdecodigo-five.vercel.app/challenges/challenge-10)
- [x] 11. [Crie o Layout de um formulário de login](https://21diasdecodigo-five.vercel.app/challenges/challenge-11)
- [x] 12. [Desenvolva uma galeria de imagens](https://21diasdecodigo-five.vercel.app/challenges/challenge-12)
- [x] 13. [Desenvolva um menu responsivo](https://21diasdecodigo-five.vercel.app/)
- [x] 14. [Crie um formulário de quizzes](https://21diasdecodigo-five.vercel.app/challenges/challenge-14)
- [x] 15. [Desenvolva um site que exiba uma vitrine de produtos de um e-commerce fictício (com nome dos produtos, preços e imagens)](https://21diasdecodigo-five.vercel.app/challenges/challenge-15)
- [x] 16. [Desenvolva um site utilizando alguma API pública](https://21diasdecodigo-five.vercel.app/challenges/challenge-16)
- [x] 17. [Desenvolva um site que capture os eventos do teclado e exiba na tela o evento e a tecla pressionada](https://21diasdecodigo-five.vercel.app/challenges/challenge-17)
- [x] 18. [Desenvolva um gerador de senhas aleatórias](https://21diasdecodigo-five.vercel.app/challenges/challenge-18)
- [x] 19. [Desenvolva um site que gere imagens aleatórias utilizando a API do Unsplash](https://21diasdecodigo-five.vercel.app/challenges/challenge-19)
- [x] 20. [Desenvolva um site de emoji picker. Ao selecionar o emoji, é copiado para a área de transferência](https://21diasdecodigo-five.vercel.app/challenges/challenge-20)
- [x] 21. [Desenvolva uma página para ser seu portfólio](https://theslladev.vercel.app/)