All Projects → tgmarinho → Ecoleta

tgmarinho / Ecoleta

Projecto construído durante o Next Level Week 1 - Ecoleta by @Rocketseat

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Ecoleta

gameplay-nlw-together
📱 🕹️ Projeto desenvolvido na missão React Native no NLW #06
Stars: ✭ 353 (+667.39%)
Mutual labels:  reactnative, expo
Grant
OAuth Proxy
Stars: ✭ 3,509 (+7528.26%)
Mutual labels:  express, server
expo-three-orbit-controls
🎥 Three.js Orbit Controls (Camera) bridged into React Native
Stars: ✭ 43 (-6.52%)
Mutual labels:  reactnative, expo
react-native-bottom-bar
Fully customizable BottomBar with unique design shape for React Native.
Stars: ✭ 74 (+60.87%)
Mutual labels:  reactnative, expo
Vue Stack
Minimalistic Boilerplate for FullStack Express and Vue.js applications
Stars: ✭ 26 (-43.48%)
Mutual labels:  express, server
hackerweb-native-2
HackerWeb 2: A read-only Hacker News client.
Stars: ✭ 51 (+10.87%)
Mutual labels:  reactnative, expo
Status React
a free (libre) open source, mobile OS for Ethereum
Stars: ✭ 3,307 (+7089.13%)
Mutual labels:  mobile, reactnative
Graphql Mongodb Server
A GraphQL MongoDB server.
Stars: ✭ 242 (+426.09%)
Mutual labels:  express, server
Graphql Ws
Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.
Stars: ✭ 398 (+765.22%)
Mutual labels:  express, server
Firebase Instagram
📸 Instagram clone with Firebase Cloud Firestore, Expo, and React Native 😁😍
Stars: ✭ 389 (+745.65%)
Mutual labels:  expo, mobile
expo-push-notification-helper
💬🔥This package helps you make expo push notification for React Native easy to use.
Stars: ✭ 32 (-30.43%)
Mutual labels:  reactnative, expo
Expo Chroma Key Camera
Live green-screen effect with Expo and THREE.js
Stars: ✭ 28 (-39.13%)
Mutual labels:  expo, reactnative
photos
"Fx Fotos" is an opensource gallery app in react native with the same smoothness and features of Google Photos and Apple Photos. It is backend gnostic and connects to decentralized backends like "box", "Dfinity", "Filecoin" and "Crust".
Stars: ✭ 620 (+1247.83%)
Mutual labels:  reactnative, expo
coronadev
Aplicativo para consultar a situação global do COVID-19
Stars: ✭ 44 (-4.35%)
Mutual labels:  reactnative, expo
Express
Fast, unopinionated, minimalist web framework for node.
Stars: ✭ 55,327 (+120176.09%)
Mutual labels:  express, server
Vasern
Vasern is a fast, lightweight and open source data storage for React Native
Stars: ✭ 283 (+515.22%)
Mutual labels:  mobile, reactnative
Express Env Example
A sample express environment that is well architected for scale. Read about it here:
Stars: ✭ 130 (+182.61%)
Mutual labels:  express, server
Typescript Mern Starter
Build a real fullstack app (backend+website+mobile) in 100% Typescript
Stars: ✭ 154 (+234.78%)
Mutual labels:  express, expo
React Native Dating App
Dating app - Exponent and React Native
Stars: ✭ 352 (+665.22%)
Mutual labels:  expo, mobile
Deprecated
🚀 Framework for building universal web app and static website in Vue.js (beta)
Stars: ✭ 858 (+1765.22%)
Mutual labels:  express, server

NextLevelWeek

🚧 NextLevelWeek 1.0 🚀 em construção... 🚧

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

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

Made by tgmarinho

Mobile

NextLevelWeek NextLevelWeek

Web

NextLevelWeek NextLevelWeek

🛠 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:

  1. Back End (pasta server)
  2. Front End (pasta web)
  3. 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

  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

📝 Licença

Este projeto esta sobe a licença MIT.

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

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