https://github.com/luc-ribeiro/nlw-01-ecoleta-fullstack

Ecoleta is a Web and Mobile platform where companies that collect waste and recyclable materials can promote their projects and help the environment. Built with ReactJS, Node.js and React Native.
https://github.com/luc-ribeiro/nlw-01-ecoleta-fullstack

nodejs react react-native typescript

Last synced: 3 months ago
JSON representation

Ecoleta is a Web and Mobile platform where companies that collect waste and recyclable materials can promote their projects and help the environment. Built with ReactJS, Node.js and React Native.

• Host: GitHub
• URL: https://github.com/luc-ribeiro/nlw-01-ecoleta-fullstack
• Owner: luc-ribeiro
• Created: 2021-04-24T14:01:07.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-28T22:28:22.000Z (about 2 years ago)
• Last Synced: 2025-06-06T20:36:04.420Z (about 1 year ago)
• Topics: nodejs, react, react-native, typescript
• Language: TypeScript
• Homepage:
• Size: 1.99 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-PTBR.md

Awesome Lists containing this project

README

          


Next Level Week #01 - Ecoleta







  ![Ecoleta](https://github.com/luc-ribeiro/nlw-01-Ecoleta/blob/master/design/logo.png?raw=true)








  Click here to view the english version.



## 💻 Projeto

Ecoleta é uma plataforma Web e também Mobile, onde empresas que fazem coleta de resíduos e materiais possam

divulgar o projeto e ajudar o meio ambiente.

As pessoas interessadas em descartar esses materiais de modo correto, poderão buscar pelo lugar mais próximo em sua cidade

e assim, colaborar com o meio ambiente.

## 🚀 Tecnologias

- **React**

- **React Native** 

- **Node JS**

- **Expo**

- **TypeScript**

- **Axios**

- **Leaflet**






### Tela Inicial

![Ecoleta](https://github.com/luc-ribeiro/nlw-01-Ecoleta/blob/master/design/tela0.png?raw=true)




### Cadastros

![Ecoleta](https://github.com/luc-ribeiro/nlw-01-Ecoleta/blob/master/design/tela1.png?raw=true)




### Visualização por mapa

![Ecoleta](https://github.com/luc-ribeiro/nlw-01-Ecoleta/blob/master/design/tela2.png?raw=true)










### Versão Mobile

![Ecoleta](https://github.com/luc-ribeiro/nlw-01-Ecoleta/blob/master/design/mobile.png?raw=true)




## :page_facing_up: Como utilizar

Faça um clone deste repositório:

```sh

  $ git clone https://github.com/luc-ribeiro/nlw-01-ecoleta-fullstack.git

```

#### Back-End

Instale as dependências:

```sh

  # com npm

  $ npm install

  # com yarn

  $ yarn install

```

Inicie o projeto, entre na pasta **server** e execute o comando:

```sh

  # com npm

  $ npm start

  # com yarn

  $ yarn start

```

Acesse o projeto em `localhost:3333`

#### Front-End

Instale as dependências:

```sh

  # com npm

  $ npm install

  # com yarn

  $ yarn install

```

Inicie o projeto, entre na pasta **web** e execute o comando:

```sh

  # com npm

  $ npm start

  # com yarn

  $ yarn start

```

Acesse o projeto em `localhost:3000`

#### Mobile

Instale as dependências:

```sh

  # com npm

  $ npm install

  # com yarn

  $ yarn install

```

Inicie o projeto, entre na pasta **mobile** e execute o comando:

```sh

  # com npm

  $ npm start

  # com yarn

  $ yarn start

```

**É necessário ter o aplicativo Expo instalado em seu dispositivo Android ou IOS**