danielobara / nlw-1.0

Next Level Week 1.0 - NLW Projeto: Ecoleta Ministrado pela @Rocketseat :rocket:

✔️ NextLevelWeek 1.0 🚀 Done! ✔️

Next Level Week   |    Project   |    Technologies   |    Layout   |    How to use   |    How to contribute   |    License

ℹ️ What's Next Level Week?

NLW is a practical week with lots of code, challenges, networking and a single objective: to take you to the next level. Through our method you will learn new tools, learn about new technologies and discover hacks that will boost your career. An online and completely free event that will help you take the next step in your evolution as a dev.

Days

• Dia 1: Acelerando sua evolução 01/06 - ✔️
• Dia 2: Olhando para as oportunidades 02/06 - ✔️
• Dia 3: A escolha da Stack 03/06 - ✔️
• Dia 4: Até 2 anos em 2 meses 04/06 - ✔️
• Dia 5: Milha extra 05/06 - ✔️

💻 Project

Ecoleta is a project developed based on international environment week. That aims to connect people to companies that collect specific waste such as light bulbs, batteries, cooking oil, etc.

🚀 Technologies

This project was developed with the following technologies:

• Node.js
• TypeScript
• React
• React Native
• Expo

🔖 Layout

To access the layout use Figma.

ℹ️ How To Use

To clone and run this application, you'll need Git, Node.js + Yarn installed on your computer.

From your command line:

Install API

# Clone this repository
$ git clone https://github.com/DanielObara/NLW-1.0

# Go into the repository
$ cd NLW-1.0/backend

# Install dependencies
$ yarn install

# Run Migrates
$ yarn knex:migrate

# Run Seeds
$ yarn knex:seed

# Start server
$ yarn dev

# running on port 3333

Install Front-end

# Clone this repository
$ git clone https://github.com/DanielObara/NLW-1.0

# Go into the repository
$ cd NLW-1.0/frontent

# Install dependencies
$ yarn install

# Run
$ yarn start

# running on port 3000

Install Mobile

# Clone this repository
$ git clone https://github.com/DanielObara/NLW-1.0

# Go into the repository
$ cd NLW-1.0/mobile

# Install dependencies
$ yarn install

# Run
$ yarn start

# Expo will open, just scan the qrcode on terminal or expo page

# If some problem with fonts, execute:
$ expo install expo-font @expo-google-fonts/ubuntu @expo-google-fonts/roboto

🤔 How to contribute

• Make a fork;
• Create a branch with your feature: git checkout -b my-feature;
• Commit changes: git commit -m 'feat: My new feature';
• Make a push to your branch: git push origin my-feature.

After merging your receipt request to done, you can delete a branch from yours.

📝 License

This project is under the MIT license. See the LICENSE for details.

Made with ♥ by Daniel Obara 👋 Get in touch!

nlw-1.0's Issues

Aula 2 Olhando para as oportunidades | NLW#1 Booster

Intro ♻️

• Explicando conceitos
• Rotas e recursos
• Métodos HTTP
• Tipos de parâmetros
• Utilizando Insomnia
• Qual banco usar
• sql: Postgres, MySQL etc.
• Database
• noSQL: MongoDB, Redis etc.

Hands on

• configurando conexão com banco
• identificando entidades da aplicação
• points (pontos de coleta)
• items (items para coleta)
• point_items (Relacionamento dos itens que um ponto coleta)
• funcionalidades da aplicação
• cadastro de ponto de coleta
• lista os itens de coleta
• listar pontos (com filtros)
• listar um ponto de coleta especifico (por id por exemplo)
• construção do app
• adicionando CORS

Aula 3 a escolha da stack - Front-end web do app | NLW#1 Booster #3

Intro ♻️

• Limpando a estrutura
• Explicando conceitos
• index.html e div root
• JSX
• Components
• Props
• State e imutabilidade

Hands on

• Files download
• Html primeira pag
• navegação
• html form
• mapa
• busca itens
• busca uf and city
• cadastra ponto de coleta na api

Expected RBRACE at line 3, col 3.

Codacy detected an issue:

Message: Expected RBRACE at line 3, col 3.

Occurred on:

• Commit: 396f80e
• File: frontend/src/App.css
• LineNum: 3
• Code: --title-color: #7a33cc;

Currently on:

• Commit: 34563ff
• File: frontend/src/App.css
• LineNum: 3

Aula 5 - A milha extra | NLW#1 Booster

Intro ♻️

• Upload de imagens
• Configurando back-end
• Criando dropzone no ReactJS
• Validade de entrada de dados
• Adicionando projeto no GitHub
• Deploy (Onde hospedar)

Hands on

• Back-end
• Heroku
• Digital Ocean
• AWS
• Front-end
• Netlify / Vercel
• Amazon S3 / Google Cloud Storage

Aula 1 Acelerando sua evolução | NLW#1 Booster

Intro ♻️

• Apresentando a aplicação
• Ambiente de desenvolvimento
• Node.js e NPM
• VSCode

'Why' das coisas

• Por que criaremos uma API
• Conceitos TypeScript
• Criar nase doo projeto com Node
• React e SPA Single page application
• Criando projeto React
• React Native e Expo introdução

Aula 4 Até 2 anos em 2 meses | NLW#1 Booster

Intro ♻️

• Instalar Expo CLI
• Criar projeto com Expo
• Executando projeto
• Configurando emulador (caso necessário)
• Diferenças do React Native para ReactJS
• Elementos
• Estilização

Hands on

• Criando página home
• Criando página do mapa
• Criando página do detalhe
• Buscando itens da API
• Buscando pontos da API
• Buscando detalhes do ponto da API
• Busca de UF e cidade
• Comemorar nossa aplicação pronta 🎉