- Proposta
- Screenshots
- O que aprendi
- Pré-requisitos
- Procedimentos de instalação
- Desafios similares e dicas
- Autor
Para começar:
-
recomenda-se que crie um fork desse repositório
-
Leia atentamente os requisitos
-
Vá para parte que está escrito Requisitos adicionais e adicione pontos a mais que queira contemplar com esse projeto, se comenda nunca tirar um requisito, apenas adicionar.
-
Inicie o seu projeto e desenvolva normalmente.
-
Não esqueça de atualizar o readme com imagens do seu projeto e adicionar informações de autor
- As imagens podem ser salvas na pasta presentation
-
Quando terminar , envie um pull request para este repositório, explicando como você fez e quais foram suas principais dificuldades e aprendizados e se houveram requisitos adicionais descreva isso.
- não esqueça de adicionar um bom título a sua pr para pessoas que verem se interessarem e isso favorecer o networking
- a PR não será aceita para o repositório, mas isso regstrará sua participação.
-
Ao completar, não esqueça de publicar no linkedin e adicionar #handsOnRoadmap e se quiser pode me marcar.
Imagina que lhe foi pedido para fazer uma pequena aplicação que faça um CRUD completo na web, teu objetivo é fazer opções de cadastro de livros.
Sua aplicação deve ter:
- A possibilidade de adicionar um livro a lista, atualizar um livro na lista, ver os livros na lista e deletar um livro na lista.
- Uma rota que mostra todos os livros cadastrados.
- Um livro terá as informações:
- título
- autor
- gênero
- se está com status -> lendo, lido, vou ler ou quero
- Sendo que gênero é opcional.
É obrigatório a utilização de:
- ReactJs
- fazer deploy
Você será bem avaliado se usar:
- usar HTML semântico, como tags main, section...
- usar responsividade
- organizar e dividir bem os arquivos
- Componentizar e separar bem o que achar que deve
- Usar typeScript
- adicione os requisitos aqui
Adicione o processo para instalar o projeto abaixo e se quiser crie mais espaços de código:
#processos aqui
#processos adicionais aqui
Antes ou depois de realizar esse desafio, você pode pegar desafios parecidos do front-end mentor ou similares. Isso te ajuda a fixar e melhorar. Vou deixar alguns a seguir, pode te ajudar a se inspirar.
O segredo aqui é fazer modelos parecidos até ganhar algum conforto com fazer algo com essas técnicas e esse modelo de desafio, então quem sabe pegar outros mais difíceis.
Você também pode usar o dribbble para se inspirar.
- Linkedin:
- GitHub: