Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/guilhermeorcezi/ecoleta

🚀 Ecoleta: Projeto desenvolvido na 1ª edição da Next Level Week da Rockeseat.
https://github.com/guilhermeorcezi/ecoleta

nodejs react react-native rocketseat typescript

Last synced: about 4 hours ago
JSON representation

🚀 Ecoleta: Projeto desenvolvido na 1ª edição da Next Level Week da Rockeseat.

Awesome Lists containing this project

README

        


Logo



🚀 Ecoleta: Aplicação desenvolvida na 1ª Next Level Week da Rocketseat.



License MIT

# Índice

- [Sobre](#sobre)
- [Tecnologias Utilizadas](#tecnologias-utilizadas)
- [Como Usar](#como-usar)
- [Como Contribuir](#como-contribuir)

## :bookmark: Sobre

O Ecoleta é uma aplicação Web e Mobile para ajudar pessoas a encontrarem pontos de coleta para reciclagem em sua cidade ou região.

## :rocket: Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

- [TypeScript](https://www.typescriptlang.org/)
- [Knex](http://knexjs.org/)
- [Node.js](https://nodejs.org/en/)
- [ReactJS](https://reactjs.org/)
- [React Native](https://reactnative.dev/)

## :heavy_check_mark: Resultado:


mobile gif
web gif

## :fire: Como utilizar

### :exclamation: Instalação - Back-End (Servidor/API)
Clone the project on your computer. To install the dependencies and run ** Server ** (development mode) execute:
```bash
cd server
yarn install // npm install
yarn dev // npm dev
```

### :exclamation: Instalação - Front-End (Aplicação Web)
Para iniciar o **Frontend** do React utilize os comandos:
```bash
cd web
yarn install // npm install
yarn start // npm start
```
Assim que o processo terminar, automaticamente será aberta no seu navegador a página `localhost:3000` contendo o Projeto desenvolvido no dia 3 de 5.

### :exclamation: Mobile

Para ver a aplicação mobile com o React Native, primeiro é necessário colocar o IP do seu servidor (ou computador) no arquivo `src/services/api.js`, e depois executar os comandos:
```bash
# NÃO é preciso executar a linha de baixo caso ja tenha o Expo (CLI) instalado
yarn global add install expo-cli // npm install -g expo-cli
cd mobile
yarn install // npm install
yarn start // npm start
```

Assim que o processo terminar, automaticamente será aberta no seu navegador a página `localhost:19002`. Conecte seu emulador, ou teste o aplicativo por `LAN`: baixe o aplicativo *Expo* da Play Store ou App Store e em seguida escaneie o código QR.

### :exclamation: Insomnia
Para testar a API do Be The Hero, baixe e instale o [Insomnia](https://insomnia.rest/download/) e em seguida clique na Workspace → `Import/Export` → `Import Data` → `From File` → e selecione o arquivo ` Insomnia_export.json` deste repositório.

## :recycle: Como contribuir
- Primeiro, deixe uma ⭐ se você gostou!
- Faça um Fork desse repositório;
- Crie uma branch com a sua feature: `git checkout -b my-feature`
- Commit suas mudanças: `git commit -m 'feat: My new feature'`
- Push a sua branch: `git push origin my-feature`

## :memo: License

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

---


Feito com 💜 por Guilherme Orcezi