Ecoleta is a Fullstack Application Built in Nodejs, ReactJS and React Native

Ecoleta is a fullstack application that helps people save the planet in a very simple way, just recycling

About The Project   |    Backend Technologies   |    Backend Getting Started   |    How To Contribute   |    Backend License

About The Project   |    Frontend Technologies   |    Frontend Getting Started   |    How To Contribute   |    Frontend License

About The Project   |    Mobile Technologies   |    Mobile Getting Started   |    How To Contribute   |    Mobile License

👨🏻‍💻 About the project

Ecoleta is something like a marketplace, being a connection between a company or entities that collect organic and inorganic waste and people aware of the proper disposal of this waste.

This is a project developed during the #NextLevelWeek. An online programming event given by Rocketseat that shows how to use the JavaScript / TypeScript stack, on the backend with Nodejs, on the frontend with ReactJS and on mobile using the Expo.

🚀 Backend Technologies

Technologies that I used to develop this api

• Node.js
• TypeScript
• Celebrate
• Cors
• Express
• Knex
• Multer
• Sqlite3
• VS Code with EditorConfig and Prettier RC

💻 Backend getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd backend

Follow the steps below

# Install the dependencies
$ npm i

# Run the API
$ npm run dev

🤔 How to contribute backend

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd backend

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 Backend License

This project is under the MIT license. See the LICENSE for more information.

🚀 Frontend Technologies

Technologies that I used to develop this frontend app

• ReactJS
• TypeScript
• Axios
• React Router v5
• React-Icons
• React-Dropzone
• React-Leaflet
• VS Code with EditorConfig and Prettier RC

💻 Frontend getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd web

Follow the steps below

# Install the dependencies
$ npm i

# Run the web app
$ npm start

🤔 How to contribute frontend

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd web

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 Frontend License

This project is under the MIT license. See the LICENSE for more information.

🚀 Mobile Technologies

Technologies that I used to develop this mobile app

• Expo
• Expo-Location
• Axios
• Expo-Mail-Composer
• React-Navigation-Stack
• React-Native-Maps
• React-Native-SVG
• VS Code with EditorConfig and Prettier RC

💻 Mobile getting started

Requirements

• Node.js
• Yarn or npm
• Expo

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd mobile

Follow the steps below

# Install the dependencies
$ yarn

# Run the mobile app
$ yarn start

Install the app on a physical phone

1. Go to your app store, look for the app called Expo, and install it on your device.

2. With the app installed, open it and click on Scan QR Code, point the camera phone to the QR code shown on the page that opened after executing the command yarn start and ready, the app will load and be ready for use.

🤔 How to contribute mobile

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/ecoleta.git

$ cd ecoleta

$ cd mobile

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 Mobile License

This project is under the MIT license. See the LICENSE for more information.

---

Made with ♥ by Elton Lazzarin 👋 Get in touch!