Coder Social home page Coder Social logo

cristianprochnow / ecoleta Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 10.42 MB

♻ Feel difficulty to find some place to recycle your trash? So this app is perfect for you.

License: MIT License

TypeScript 80.42% HTML 1.46% CSS 17.91% JavaScript 0.21%
next-level-week rocketseat typescript ecoleta nodejs reactjs react-native expo

ecoleta's Introduction

Ecoleta

The fastest and practical way to help the natural environment around you.
Explore the docs »

Report Bug · Request Feature

Contributors Forks Stargazers Issues Repo Size Code Size MIT License


Table of Contents


About The Project


Product Name Screen Shot


The fastest way to find the recyclable waste collection point near your home or localization. With a simple click in your smartphone device, you will be able to help the natural environment around you. This simple (and awesome) attitude can transform and change since your self habits, until all the world.

Built With

Features

  • Sign up a point collector of recyclabe trash.
  • Find a point around your home.
  • Filter the content of the map by localization or trash type.
  • Responsive interface.

And more coming soon...

Getting Started

Prerequisites

Installation

Server

  1. Enter server folder
cd server
  1. Install all the packages
# Node
npm install

# Yarn
yarn
  1. Start the database
# Node
npm run knex:migrate

# Yarn
yarn knex:migrate
  1. Add initial data seed to database
# Node
npm run knex:seed

# Yarn
yarn knex:seed
  1. Start the server
# Node
npm run dev

# Yarn
yarn dev

Web

  1. Enter web folder
cd web
  1. Install all the packages
# Node
npm install

# Yarn
yarn
  1. Start the web running
# Node
npm start

# Yarn
yarn start

Mobile

  1. Enter mobile folder
cd mobile
  1. Install all the packages
# Node
npm install

# Yarn
yarn
  1. Start the Expo project
# Expo CLI
expo start

# Node
npm start

# Yarn
yarn start

Usage

Web

Only run the previous command and it's done (you will be redirected to browser page automatically).

If this don't work, go to browser and access http://localhost:3000

Ecoleta Web

Mobile

  1. Install the Expo in your IOS or Android device.
  2. Enter in your Expo app, and then, select the Scan QR Code functionality.
  3. Point the scanner frame to QR code from the browser's page opened (the expo page that you've been redirected when run start command in mobile folder)
  4. It's done! After this process the application starts to load and then will be able to work in your smartphone.

Ecoleta Mobile


Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. 🍴 Fork the Project
  2. 👯 Clone this project (git clone https://github.com/cristianprochnow/Ecoleta.git)
  3. 🔀 Create your Feature Branch (git checkout -b my-feature)
  4. ✔️ Commit your Changes (git commit -m 'feat: my new feature')
  5. 📌 Push to the Branch (git push origin my-feature)
  6. 🔁 Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Cristian Prochnow - Linkedin

Project Link: https://github.com/cristianprochnow/Ecoleta



Made with ♥ in Next Level Week. Enjoy it!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.