ENACTUS DEV CHALLENGE

Repositório criado para o processo de capacitação desenvolvido pela Enactus UTFPR-PB.

Ao longo do processo, serão realizados projetos com o uso das principais tecnologias utilizadas no desenvolvimento de aplicações web como: HTML, CSS, JavaScript, ReactJS, NodeJS, entre outras.

1 - Desafio HTML e CSS

Desenvolver em HTML e CSS a página inicial de um site de receitas.

Recursos

Os recursos necessários (Imagens e ícones) estão disponíveis na pasta Assets.

Prototipagem: Link para o Figma.

Funcionalidades

O intuito deste projeto é puramente o aprendizado da estrutura e estilização com HTML e CSS. Portanto, não é necessário implementar funcionalidades, como o redirecionamento de botões ou envio de formulários.

Material de apoio:

TUTORIAL DO DESAFIO

Conteúdo dentro da pasta 1_Desafio_HTML_CSS > modelo

2 - Desafio JavaScript e TypeScript

Resolver desafios de typescript no CodeWars e criar um clone do jogo Termo (Ou Wordle, em sua versão original).

Recursos:

Nenhum recurso externo é necessário.

Funcionalidades:

O jogo deve obedecer as seguintes regras:

• Ao iniciar uma partida, selecionar uma palavra de forma aleatória dentro de um array de palavras (Todas as palavras devem conter 5 letras!)

• Dada uma palavra selecionada, apresentar 6 tentativas para o usuário adivinhar a palavra correta;

• Ao digitar uma palavra e pressionar Enter, o jogo deve verificar se a palavra digitada preenche todos os 5 campos.

• Caso preencha os 5 campos, o jogo deve verificar cada letra de acordo com o padrão a seguir:

  • Se uma letra estiver na posição correta, ficará em verde
  • Se uma letra estiver na posição incorreta, ficará em amarelo
  • Se a letra não existir na palavra original, ficará em tonalidade escurecida

• Caso a palavra esteja correta, uma mensagem de sucesso será exibida. Caso seja a última tentativa e a palavra incorreta, uma mensagem de fracasso deverá aparecer. Em ambos os casos, o jogo é reiniciado.

• OBS: Como o usuário só possui 6 tentativas, uma tentativa não pode ser realizada novamente após sua validação!

Material de apoio:

TUTORIAL DO DESAFIO

REPOSITÓRIO COM O PROJETO

3 - Desafio Git e GitHub

Clonar este repositório, criar uma nova branch, realizar as alterações sugeridas nos arquivos localizados em 3_Desafio_GitHub e abrir um Pull Request.

Alterações:

• Corrigir a importação do arquivo style.css dentro de index.html

• Adicionar mais um item na lista de hotéis populares com os seguintes dados:

  • Localização: Fortaleza
  • Nome: Hotel Villa Reali
  • Imagem: https://images.pexels.com/photos/594077/pexels-photo-594077.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1
  • Preço: R$ 250,00
  • Classificação: 4.7

• Corrigir a exibição do nome dos hotéis na lista

Material de apoio:

TUTORIAL DO DESAFIO

RESUMO GIT

4 - Desafio NodeJS e ReactJS

Implementar a página inicial de um website de compras, em que os dados virão de uma API.

Material de apoio:

TUTORIAL DO DESAFIO

Fake Store API

API com Axios

Recomendações de cursos e conteúdos

• Codecademy (Gratuito)

• FreeCodeCamp (Gratuito)

• Rocketseat (Gratuito)

• Curso Luiz Otávio Miranda ($)

• OneBitCode ($$$)

• w3Schools (Gratuito)

• Origamid ($$$$$)

• The Odin Project (Gratuito)

• Playlist de Javascript (Gratuito)

• Playlist de React (Gratuito)