♻️ Ecoleta

Next Level Week #01

Event promoted by RocketSeat 🚀 to teach Web technologies.

Project   |    Technologies      

💻 Project

Backend

The backend is responsable for the connection to the database, from the server directory, start running the following command to install all dependencies:

npm install

The database contains 3 tables: Points representing a recyncling collection center, Items representing the recyclables, Point_Items representing the relation between points and items. To create all tables and seed Items run the following commands:

npm run knex:migrate
npm run knex:seed

And finally, to run the server use the following command:

npm run dev

Routes

• Items:

  • get /items: list all items registered;

• Points:

  • get /points: lists all centers registered, or filtered by uf, city or items;
  • get /points/:id: lists a specific center registered;
  • post /points: lists all points registered;
  • delete /points:id: deletes a specific point;

Mobile

To start the mobile server, you may run the following commands from the root folder:

cd mobile
npm install
npm start

The app allows you to find all registered centers looking the map, and filtering by items. You can also send a message or an email to the to it.

Web

From the web page is possible to register a new collection center. To start this server, you may run the following commands from the root folder:

cd web
npm install
npm start

📦 Technologies and main packages

This project was developed using the following technologies:

• Package manager: NPM (8.19.2)

• Language: Typescript (4.8.4), HTML, CSS

• Backend (NodeJs (18.10.0) and Sqlite3)

  • express
  • knex
  • multer

• Mobile path (React (18.0.0)):

  • react-navigation
  • react-native-gesture-handler
  • react-native-maps
  • expo-mail-composer

• Web path (React Native (0.69.6)):

  • expo
  • react-dropzone
  • leaflet
  • react-router-dom

• Connection:

  • axios