Ecoleta
Projecto construído durante o Next Level Week 1 - Ecoleta by @Rocketseat
Install / Use
/learn @tgmarinho/EcoletaREADME
💻 Sobre o projeto
♻️ Ecoleta - é uma forma de conectar empresas e entidades de coleta de resíduos orgânicos e inorgânicos as pessoas que precisam descartar seus resíduos de maneira ecológica.
As empresas ou entidades poderão se cadastrar na plataforma web enviando:
- uma imagem do ponto de coleta
- nome da entidade, email e whatsapp
- e o endereço para que ele possa aparecer no mapa
- além de selecionar um ou mais ítens de coleta:
- lâmpadas
- pilhas e baterias
- papéis e papelão
- resíduos eletrônicos
- resíduos orgânicos
- óleo de cozinha
Os usuários terão acesso ao aplicativo móvel, onde poderão:
- navegar pelo mapa para ver as instituições cadastradas
- entrar em contato com a entidade através do E-mail ou do WhatsApp
Projeto desenvolvido durante a NLW - Next Level Week oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.
🎨 Layout
O layout da aplicação está disponível no Figma:
<a href="https://www.figma.com/file/1SxgOMojOB2zYT0Mdk28lB/Ecoleta?node-id=136%3A546"> <img alt="Made by tgmarinho" src="https://img.shields.io/badge/Acessar%20Layout%20-Figma-%2304D361"> </a>Mobile
<p align="center"> <img alt="NextLevelWeek" title="#NextLevelWeek" src="./assets/home-mobile.png" width="200px"> <img alt="NextLevelWeek" title="#NextLevelWeek" src="./assets/detalhes-mobile.svg" width="200px"> </p>Web
<p align="center" style="display: flex; align-items: flex-start; justify-content: center;"> <img alt="NextLevelWeek" title="#NextLevelWeek" src="./assets/web.svg" width="400px"> <img alt="NextLevelWeek" title="#NextLevelWeek" src="./assets/sucesso-web.svg" width="400px"> </p>🛠 Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
🚀 Como executar o projeto
Podemos considerar este projeto como sendo divido em três partes:
- Back End (pasta server)
- Front End (pasta web)
- Mobile (pasta mobile)
💡Tanto o Front End quanto o Mobile precisam que o Back End esteja sendo executado para funcionar.
Pré-requisitos
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
🎲 Rodando o Back End (servidor)
# Clone este repositório
$ git clone https://github.com/tgmarinho/nlw1
# Acesse a pasta do projeto no terminal/cmd
$ cd nlw1
# Vá para a pasta server
$ cd server
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev:server
# O servidor inciará na porta:3333 - acesse http://localhost:3333
🧭 Rodando a aplicação web (Front End)
# Clone este repositório
$ git clone https://github.com/tgmarinho/nlw1
# Acesse a pasta do projeto no seu terminal/cmd
$ cd nlw1
# Vá para a pasta da aplicação Front End
$ cd web
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
📱Rodando a aplicação mobile
🚧 Em construção... 🚧
😯 Como contribuir para o projeto
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Caso tenha alguma dúvida confira este guia de como contribuir no GitHub
📝 Licença
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Thiago Marinho 👋🏽 Entre em contato!
