Desafio 21 dias de código proposto pela Rocketseat.

Overview

21-days-of-code

Desafio 21 dias de código proposto pela Rocketseat.

As regras para participar do desafio são:

  • Todos os dias, codar por pelo menos 1h;
  • Compartilhar todos os dias o progresso nas redes sociais e marcar a Rocketseat com a hashtag #21diasdecodigo;
  • Gerar networking com as pessoas que também estão participando do desafio.

Complementando o desafio, a Jakeliny Gracielly acrescentou duas regras extras para os participantes do #marmitech:

  • Marcar o perfil da Jakeliny Gracielly;
  • Acrescentar a hashtag #soumarmiteiro.

Os participantes que cumprirem o desafio ganham uma mentoria em grupo com a Jake.

Desafio #21diasdecodigo:

  • Dia 01: Criar um repositório para listar os projetos que serão desenvolvidos durante os 21 dias de código;
  • Dia 02: Fazer um Hello World customizado com fontes, cores e imagens;
  • Dia 03: Criar um botão animado;
  • Dia 04: Criar uma calculadora;
  • Dia 05: Desenvolver uma página customizada que exiba o erro 404;
  • Dia 06: Criar um card com o efeito glassmorphism;
  • Dia 07: Desenvolver um contador;
  • Dia 08: Desenvolver um toggle que altere o tema para claro e escuro;
  • Dia 09: Criar uma animação de loading;
  • Dia 10: Utilizar a lib Particles.js do JavaScript;
  • Dia 11: Criar o layout de um formulário de login;
  • Dia 12: Desenvolver uma galeria de imagens;
  • Dia 13: Desenvolver um menu responsivo;
  • Dia 14: Criar um formulário de quizzes;
  • Dia 15: Desenvolver um site que exiba uma vitrine de produtos de um e-commerce fictício (com nome dos produtos, preços e imagens);
    Resolução do desafio
  • Dia 16: Desenvolver um site utilizando alguma API pública;
    Resolução do desafio
  • Dia 17: Desenvolver um site que capture os eventos do teclado e exiba na tela o evento e a tecla pressionada;
  • Dia 18: Desenvolver um gerador de senhas aleatórias;
  • Dia 19: Desenvolver um site que gere imagens aleatórias utilizando a API do Unsplash;
  • Dia 20: Desenvolver um site de emoji picker onde, ao selecionar o emoji, ele é copiado para a área de transferência;
  • Dia 21: Desenvolver uma página para servir de portfólio, incluindo nela todos os desafios desenvolvidos durante os 21 dias.
You might also like...

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

May 11, 2022

API REST de código aberto para testes frontend aplicando CRUD.

API REST de código aberto para testes frontend aplicando CRUD.

OPEN CRUD API API pública para cadastro de usuários para ser usada em testes. Ajustes e melhorias O projeto ainda está em desenvolvimento e as próxima

Mar 22, 2022

Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Introduccion a Mongoose ¿Qué es MongoDB? MongoDB es una base de datos NoSQL (Not Only SQL) y por ende no relacional que es utilizado para proyectos we

Mar 17, 2022

Código open source do Naoki, feito com Node.js utilizando Discord.js.

🤔 › Sobre o Naoki Naoki é um robô do Discord multiuso com as funções mais necessárias e essenciais para seu servidor! O código do Naoki foi escrito e

Sep 4, 2022

Projeto de código aberto para ajudar as pessoas a ingressarem em carreiras de dados

Bem vinde O que é o Data Career Guide? É um projeto gratuito de guia (não é um curso e nem um livro) para carreiras na área de dados, inspirado no Lea

Dec 30, 2022

Código-fonte do site dos Guardians UFCG.

Guardians UFCG Esse é o repositório com o código-fonte do site dos Guardians UFCG. User Interface Nosso Front-end será baseado nesse documento do Figm

Oct 22, 2022

🚀 Final Esports project based on Rocketseat's Next Level Week.

🚀 Final Esports project based on Rocketseat's Next Level Week.

The evolved version of the Esports project on the Next Level Week by Rocketseat. The web client is deployed on Vercel here: https://nlw-esports-ignite

Oct 26, 2022

Find Your DUO Project: instructed by Rodrigo Gonçalves and Diego Fernandes CTO at Rocketseat

Find Your DUO Project: instructed by Rodrigo Gonçalves and Diego Fernandes CTO at Rocketseat

Find-your-DUO NextLevelWeek eSports 🚀 Find-your-DUO Project | Technologies | Layout | How To Use | How to contribute | License 💻 Project The project

Dec 14, 2022

Projeto construído do evento Next Level Week da Rocketseat

Projeto construído do evento Next Level Week da Rocketseat

Tecnologias | Projeto | Layout | Licença 🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Node.js React ReactNative Expo Typ

Sep 18, 2022
Owner
Madalena Machado Rocha
Front-end Developer | JavaScript
Madalena Machado Rocha
O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀

Plataforma para encontrar e conectar jogadores para fazerem aquele duozinho maneiro no seu jogo preferido ✅ Demostração ?? Sobre o projeto O projeto f

Alan Mauro Franco 7 Nov 28, 2022
Código de estudo da aula de graphl e apollo no youtube da rocketseat

GraphQL (meu aprendizado) O que é GraphQL uma ferramenta criada dentro do facebook, sendo uma linguagem de realização de query (operações de criação é

Marcos Henrique 1 May 12, 2022
Este repositório contem o desafio do curso da rocketseat Ignite Conceitos do Nodejs

Projeto API TODO Nessa aplicação foi feita uma API, que é uma gerador de tarefas TODOS, onde o usúario pode cadastrar um name e um username, e a aplic

Macmiller Duarte de Andrade 1 May 12, 2022
Jogo da Memória é um projeto proposto no curso do Programador Br.

Jogo da Memória ?? Repositório do projeto Jogo da Memória proposto no curso de Desenvolvimento Web Full Stack (Programdor Br). ?? Menu Clique para exp

Bruno Seghese 9 Sep 20, 2022
Projeto para fins didáticos de final de módulo 4 proposto por Resilia Educalção

Academia API_Academia Projeto para fins didáticos Resilia Educação - Projeto Final Módulo 4 Tem como objetivo criar uma API RESTful de uma academia, o

Suzanne Patrícia de Souza 5 Jun 1, 2022
Delégua é uma variação da Linguagem Égua, patrocinada pela Design Líquido.

Linguagem Delégua Linguagem de programação, derivada da Linguagem Égua Página Web com Interpretador Delégua para demonstrações Introdução Delégua é um

Design Liquido 45 Dec 8, 2022
O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

MKS front-end Descrição O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos f

Rodrigo William 4 Jul 21, 2022
Repositório com código da segunda live do Santander Coders Web FullStack

CASE WEB APP DE PREVISÃO DO TEMPO Node.js Como iniciar projeto React de maneira simples: Create React App (CRA): npx create-react-app nome_do_app Vite

Let's Code 29 Apr 3, 2022
Implementação do Observer Pattern em TypeScript para o Código Fonte TV

Observer - Design Pattern Exemplos de implementação do Design Pattern Observer, descrito no livro Design Patterns: Elements of Reusable Object-Oriente

Gabriel Froes 11 Nov 30, 2022
Codigo del Webinar de Organizador de Tareas con autenticación

Webinar Organizador de Tareas con autenticación Bienvenido al repositorio ??️ del Webinar donde podrás encontrar el codigo expuesto ??️ Para comenzar

Eduardo de Rivero Manrique 4 Jun 24, 2022