https://github.com/andersondev96/projects-dowhile
Projetos desenvolvidos durante os workshops do Dowhile da Rocketseat
https://github.com/andersondev96/projects-dowhile
Last synced: 4 months ago
JSON representation
Projetos desenvolvidos durante os workshops do Dowhile da Rocketseat
- Host: GitHub
- URL: https://github.com/andersondev96/projects-dowhile
- Owner: andersondev96
- License: mit
- Created: 2021-02-06T21:06:28.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-10-28T13:00:43.000Z (over 2 years ago)
- Last Synced: 2025-10-10T21:13:34.464Z (8 months ago)
- Language: HTML
- Size: 19.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Projetos Do While
Projetos desenvolvidos durante os workshops do Dowhile 2020 da Rocketseat
## Sobre os projetos
Os projetos foram desenvolvidos durante os workshops que participei, à seguir uma breve descrição sobre cada um deles:
- **GraphQL**:
Criando API GraphQL em Node.js e TypeScript com TypeGraphQL
Desenvolvolvimento uma API de com GraphQL utilizando decorators disponibilizados pela biblioteca Typegraphql.
- **React-Hooks**:
Apresenta algumas técnicas de como podemos criar e combinar hooks,em uma aplicação react,
mostrando como é possivel evoluir de conceitos simples para abstrações mais poderosas e flexíveis.
Também mostra um pouco dos padrões e boas praticas na hora de criar e compartilhar essas API's.
- **Expo-Charts**: Realiza a implementação de gráficos em aplicações Mobile feitas com React Native e Expo.
Para adicionar os gráficos à aplicação usamos a biblioteca react-native-svg-charts, que nos fornece a capacidade de adicionar gráficos impressionantes e
customizáveis.
Com essa biblioteca criamos 3 diferentes tipos de gráficos, que são também os mais comuns, o Gráfico de Barras, o Gráfico de Linhas e o Gráfico de Progresso Circular.
- **Next-tailwind-Framer-Motion**: Criamos interfaces modernas mantendo a produtividade.
Com uma incrível experiência de desenvolvimento, construimos interfaces completas com TailwindCSS,
criamos páginas animadas com Next.js e Framer Motion. Abordamos responsividade (Mobile First) e transições entre as rotas da aplicação!
- **oficina-testes-javascript**: Utilizando o Jest aprendemos como criar testes unitários em uma aplicação Javascript.
- **Serverless**: Utilizamos algumas tecnologias, como Serverless Framework, API Gateway, Lambda e DynamoDB para criarmos uma API REST em Node.js.
Criamos um projeto do 0 sem se preocupar com a infra, pagando apenas pelo que for de fato utilizado e que estará pronto para lidar com aumentos inesperados no número requisições.
- **TailwindCSS**: Criamos layouts incríveis sem precisar olhar para o CSS. Clonamos a dashboard da Rocketseat sem nenhum código CSS. Utilizaremos TailwindCSS,
um utilitário que irá nos dar recursos.
- **workshop-performace-react**: Aprendemos as principais boas práticas para otimizar a renderização dos componentes React.
aprendemos: Reduzir re-renderizações com Memoization; Escapar das armadilhas da passagem de valores para props;
Tomar cuidado com os callbacks; Otimizar renderizações condicionais de componentes; Trabalhar com longas listas de elementos e
Otimizar o disparo de eventos.
## Como executar o projeto
- Clone o repositório:
```
git clone https://github.com/andersondev96/Projects-dowhile
```
- Acesse a pasta do projeto desejado, exemplo: `cd workshop-performace-react`.
- Verifique se há alguma pasta `package.json`no projeto. Caso exista, esse projeto provavelmente estará utilizando o `node.js`, dessa forma
é necessário instalar as dependências de desenvolvimento, com o comando: `npm install`.
- Terminada a execução, rode o seu projeto com o comando `npm run dev` ou `npm run start`, vai depender de como está o script no `package.json`.
- Assim que executar o projeto irá executar na porta que está configurada no projeto, pode ser `8000`, `8080`, `3000`, `3333`, entre outras.
- Caso seja um projeto que não utilize servidor, como HTML, abra o arquivo `index.html` em um navegador de sua preferência.
## Como contribuir
- Faça um fork desse repositório.
- Crie uma branch com a sua feature: `git checkout -b my-feature`.
- Faça commit das suas alterações: `git commit -m 'feat: My new feature'`.
- Faça push para a sua branch: `git push origin my-feature`.
Depois que o merge da sua pull request for feito, você pode deletar a sua branch.
## Licença
Este projeto está sob a licença [MIT](LICENSE).
## Autor
**Anderson Fernandes Ferreira**
[](https://instagram.com/anderson_ff13)
[](mailto:andersonfferreira96@gmail.com.br)
[](https://www.linkedin.com/in/anderson-fernandes96/)
Feito com 💚 por Anderson Fernandes 👋 [Entre em contato!](https://www.linkedin.com/in/anderson-fernandes96/)