All Projects → tgmarinho → README-ecoleta

tgmarinho / README-ecoleta

Licence: MIT license
🎁 Três modelos de README com o Projeto criados para o blog da @Rocketseat 🚀

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to README-ecoleta

init-readme
An opinionated README.md generator for npm utility packages
Stars: ✭ 12 (-93.3%)
Mutual labels:  readme, readme-template
jovanzers
Don't just fork, star it! 👀
Stars: ✭ 13 (-92.74%)
Mutual labels:  readme, readme-template
SamirPaul1
🤖 My GitHub Profile README ✨
Stars: ✭ 26 (-85.47%)
Mutual labels:  readme, readme-template
midudev
This is my personal repo for README. It gets automatically updated to fetch latest videos, photos and articles from my blog.
Stars: ✭ 154 (-13.97%)
Mutual labels:  readme, readme-template
autobadge
Simple CLI tool to generate essential repository badges with ease
Stars: ✭ 16 (-91.06%)
Mutual labels:  readme, readme-template
github-profile-views-counter
Github new features README profile views counter made with Yii2 framework.
Stars: ✭ 158 (-11.73%)
Mutual labels:  readme, readme-template
Magento-Extension-Sample-Readme
This is an attempt to develop a default readme file for Magento extensions. It should be included in the Magento extension directory under e.g. app/code/community/Company/ExampleExtension/readme.markdown. The markdown syntax (http://daringfireball.net/projects/markdown/syntax) is used for better and consistent formatting. Please join the discuss…
Stars: ✭ 14 (-92.18%)
Mutual labels:  readme, readme-template
readme-generator
📦📝 Personal generator to simply create cool and efficients README.md
Stars: ✭ 32 (-82.12%)
Mutual labels:  readme, readme-template
Best Readme Template
An awesome README template to jumpstart your projects!
Stars: ✭ 4,726 (+2540.22%)
Mutual labels:  readme, readme-template
Readme Md Generator
📄 CLI that generates beautiful README.md files
Stars: ✭ 9,184 (+5030.73%)
Mutual labels:  readme, readme-template
ayushi7rawat
Ayushi Rawat's README
Stars: ✭ 49 (-72.63%)
Mutual labels:  readme, readme-template
action-dynamic-readme
~ Dynamic ReadME Generator ~
Stars: ✭ 29 (-83.8%)
Mutual labels:  readme, readme-template
Google-Clone
A Google Clone which built with ReactJS. When you click Gmail button, you will be directed to my other project, Gmail Clone. You can search whatever you want and send realtime emails by clicking Gmail button!
Stars: ✭ 37 (-79.33%)
Mutual labels:  react-router, context-api
sharannyobasu
Sharannyo Basu's profile
Stars: ✭ 13 (-92.74%)
Mutual labels:  readme, readme-template
react-passage
Link and Redirect to routes safely in your react applications 🌄
Stars: ✭ 61 (-65.92%)
Mutual labels:  react-router, context-api
The Documentation Compendium
📢 Various README templates & tips on writing high-quality documentation that people want to read.
Stars: ✭ 4,306 (+2305.59%)
Mutual labels:  readme, readme-template
milaan9
No description or website provided.
Stars: ✭ 190 (+6.15%)
Mutual labels:  readme, readme-template
GOVINDDIXIT
GitHub Readme template to create your awesome introduction Readme on GitHub 🚀
Stars: ✭ 18 (-89.94%)
Mutual labels:  readme, readme-template
react-spa-template
This is a sample template for single page applications built using React + Router to work with webpack dev server
Stars: ✭ 19 (-89.39%)
Mutual labels:  react-router
react-authentication-in-depth
Example of User Authentication using React with React Router and AWS Amplify
Stars: ✭ 61 (-65.92%)
Mutual labels:  react-router

GitHub language count Repository size Siga no Twitter GitHub last commit License Stargazers Feito pela Rocketseat Stargazers

NextLevelWeek

🚧 Ecoleta ♻️ Concluído 🚀 🚧

SobreFuncionalidadesLayoutComo executarTecnologiasContribuidoresAutorLicença

💻 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.

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.


⚙️ Funcionalidades

  • Empresas ou entidades podem 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 tem acesso ao aplicativo móvel, onde podem:

    • navegar pelo mapa para ver as instituições cadastradas
    • entrar em contato com a entidade através do E-mail ou do WhatsApp

🎨 Layout

O layout da aplicação está disponível no Figma:

Made by tgmarinho

Mobile

NextLevelWeek NextLevelWeek

Web

NextLevelWeek NextLevelWeek


🚀 Como executar o projeto

Este projeto é divido em três partes:

  1. Backend (pasta server)
  2. Frontend (pasta web)
  3. Mobile (pasta mobile)

💡Tanto o Frontend quanto o Mobile precisam que o Backend 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 Backend (servidor)

# Clone este repositório
$ git clone [email protected]:tgmarinho/README-ecoleta.git

# Acesse a pasta do projeto no terminal/cmd
$ cd README-ecoleta

# 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 

Run in Insomnia

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone [email protected]:tgmarinho/README-ecoleta.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd README-ecoleta

# 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

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React + TypeScript)

Veja o arquivo package.json

Server (NodeJS + TypeScript)

Veja o arquivo package.json

Mobile (React Native + TypeScript)

Veja o arquivo package.json

Utilitários


👨‍💻 Contribuidores

💜 Um super thanks 👏 para essa galera que fez esse produto sair do campo da ideia e entrar nas lojas de aplicativos :)


Diego Fernandes

👨‍🚀

Cleiton Souza

👨‍🚀

Robson Marques

👨‍🚀

Claudio Orlandi

🚀

Vinícios Fraga

🚀

Hugo Duarte

🚀 🌐

Joseph Oliveira

🚀

Guilherme Rodz

🚀

Mayk Brito

🚀

João Paulo

🚀

Luke Morales

🚀

Luiz Batanero

🚀

💪 Como contribuir para o projeto

  1. Faça um fork do projeto.
  2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
  3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
  4. Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub


🦸 Autor


Thiago Marinho
🚀

Twitter Badge Linkedin Badge Gmail Badge


📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Thiago Marinho 👋🏽 Entre em contato!


Versões do README

Português 🇧🇷 | Inglês sem emojis 🇺🇸 | Portugues sem logo 🇧🇷

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].