{"id":24491559,"url":"https://github.com/bravonatalie/ecoleta","last_synced_at":"2026-04-12T15:02:33.396Z","repository":{"id":69273736,"uuid":"268611732","full_name":"BravoNatalie/Ecoleta","owner":"BravoNatalie","description":":recycle: Ecoleta: a full-stack project developed during the Next Level Week (nlw) - rocketseat","archived":false,"fork":false,"pushed_at":"2020-07-08T18:24:05.000Z","size":2757,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-01T14:08:58.129Z","etag":null,"topics":["axios","cors","expo","express","fullstack","nodejs","react","react-native","reactjs","rocketseat","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BravoNatalie.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-06-01T19:21:12.000Z","updated_at":"2023-12-30T04:03:38.000Z","dependencies_parsed_at":"2023-04-24T17:58:48.831Z","dependency_job_id":null,"html_url":"https://github.com/BravoNatalie/Ecoleta","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BravoNatalie/Ecoleta","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BravoNatalie%2FEcoleta","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BravoNatalie%2FEcoleta/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BravoNatalie%2FEcoleta/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BravoNatalie%2FEcoleta/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BravoNatalie","download_url":"https://codeload.github.com/BravoNatalie/Ecoleta/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BravoNatalie%2FEcoleta/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262862305,"owners_count":23376402,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","cors","expo","express","fullstack","nodejs","react","react-native","reactjs","rocketseat","typescript"],"created_at":"2025-01-21T18:18:35.205Z","updated_at":"2026-04-12T15:02:33.329Z","avatar_url":"https://github.com/BravoNatalie.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=center\u003e\n\u003cimg src=\"https://res.cloudinary.com/nataliebravo/image/upload/v1593003005/Ecoleta_github_assets/principal_fcvvkc.png\" /\u003e\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \n![License](https://img.shields.io/badge/license-MIT-737CA1) \n![Node_Badge](https://img.shields.io/badge/node-13.12.0-green)\n![Npm_Badge](https://img.shields.io/badge/npm-6.14.5-yellow)\n![React_Badge](https://img.shields.io/badge/web-ReactJS-blue)\n![React_Native_Badge](https://img.shields.io/badge/mobile-React%20Native-blueviolet)\n![NodeJS_Badge](https://img.shields.io/badge/server-NodeJS-important)\n![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-blue)\n[![Made by NatalieBravo](https://img.shields.io/badge/made%20by-NatalieBravo-blueviolet)](https://www.linkedin.com/in/nataliebravo/)\n\u003c/div\u003e\n\n\n# Summary\n\n- [About](#about)\n- [Preview](#preview)\n- [Built with](#technologies)\n- [How to Use](#how-to-use)\n- [License](#license)\n\n\u003ca id='about'/\u003e\n\n## :information_source: About\n\nThe :recycle:**Ecoleta** is a Web and Mobile application that aims to connect people with companies that collect specific waste such as light bulbs, batteries, etc.\n\nThe project was developed during **Next Level Week**, an event provided by [Rocketseat](https://rocketseat.com.br/) to teach new technologies, tools and hacks to leverage participants' developer careers.\n\n\n\u003ca id='preview'/\u003e\n\n## :framed_picture: Preview\n\nCheck out how it looks:\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Web App\"   src=\"https://res.cloudinary.com/nataliebravo/image/upload/v1593174151/Ecoleta_github_assets/InShot-20200624-155437898_jfgc3t.gif\" \u003e\n  \u003cimg alt=\"Mobile App\" width=\"200px\" height=\"420px\" src=\"https://res.cloudinary.com/nataliebravo/image/upload/v1593173335/Ecoleta_github_assets/InShot-mobile_kcybx9.gif\" \u003e\n\u003cp /\u003e\n\n\u003ca id='technologies'/\u003e\n\n## :gear: Built With\n\nThis project was developed with the following technologies:\n\n#### **Backend** \u003csub\u003e\u003csup\u003eNodeJS + TypeScript\u003c/sup\u003e\u003c/sub\u003e\n  - [Node.js](https://nodejs.org/)\n  - [Typescript](https://www.typescriptlang.org/)\n  - [Express](https://expressjs.com/)\n  - [CORS](https://www.npmjs.com/package/cors)\n  - [KnexJS](http://knexjs.org/)\n  - [SQLite](https://github.com/mapbox/node-sqlite3)\n  - [TS-Node](https://www.npmjs.com/package/ts-node)\n  - [Multer](https://github.com/expressjs/multer)\n  - [Celebrate](https://github.com/arb/celebrate)\n  - [dotENV](https://github.com/motdotla/dotenv)\n  - [ESLint](https://eslint.org/)\n \n\n#### **Frontend** \u003csub\u003e\u003csup\u003eReact + TypeScript\u003c/sup\u003e\u003c/sub\u003e\n  - [React](https://pt-br.reactjs.org/)\n  - [Typescript](https://www.typescriptlang.org/)\n  - [Styled Components](https://styled-components.com/)\n  - [Context API](https://reactjs.org/docs/context.html)\n  - [Axios](https://www.npmjs.com/package/axios)\n  - [React Router Dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)\n  - [React Dropzone](https://github.com/react-dropzone/react-dropzone)\n  - [React Icons](https://react-icons.netlify.com/#/)\n  - [Leaflet](https://leafletjs.com/)\n  - [React Leaflet](https://react-leaflet.js.org/)\n  - [ESLint](https://eslint.org/)\n\n\n\n#### **Mobile** \u003csub\u003e\u003csup\u003eReact Native + TypeScript\u003c/sup\u003e\u003c/sub\u003e\n  - [React Native](https://reactnative.dev/)\n  - [Typescript](https://www.typescriptlang.org/)\n  - [Expo](https://expo.io/learn)\n  - [React Navigation](https://reactnavigation.org/)\n  - [React Native Maps](https://github.com/react-native-community/react-native-maps)\n  - [React Native SVG](https://github.com/react-native-community/react-native-svg)\n  - [Axios](https://www.npmjs.com/package/axios)\n  - [Expo Google Fonts](https://github.com/expo/google-fonts)\n  - [Expo Location](https://docs.expo.io/versions/latest/sdk/location/)\n  - [Expo Mail Composer](https://docs.expo.io/versions/latest/sdk/mail-composer/)\n  - [ESLint](https://eslint.org/)\n\n\n\u003ca id='how-to-use'/\u003e\n\n## :joystick: How to Use\n\n### Requirements\n\nTo run the application you'll need:\n* [Git](https://git-scm.com)\n* [Node](https://nodejs.org/)\n* [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/)\n* [Expo](https://expo.io/learn)\n* Clone the repository:\n  * ```$ git clone https://github.com/BravoNatalie/Ecoleta.git ```\n\n### Backend\n\nIn order o run the server on your machine, you'll need to change the ip address configuration.\u003cbr/\u003e \nCreate a **.env** file on the root of the [server/](https://github.com/BravoNatalie/Ecoleta/tree/master/server) folder and set an enviromental variable as the following:\n\n```dotenv\nAPP_URL = http://192.168.1.31:3333\n```\n\nNow go to Ecoleta folder and run:\n\n```bash\n$ cd server\n\n# install the dependencies\n$ yarn install\n\n# create the database\n$ npm run knex:migrate\n$ npm run knex:seed\n\n# run api\n$ yarn start\n```\n\n### Frontend\n\nIn order o run the web app on your machine, you'll need to change the ip address configuration.\u003cbr/\u003e \nCreate a **.env** file on the root of the [web/](https://github.com/BravoNatalie/Ecoleta/tree/master/web) folder and set a enviromental variable as the following:\n\n\n```dotenv\nREACT_APP_API_URL = http://localhost:3333\n```\n\nNow go to Ecoleta folder and run:\n\n\n```bash\n$ cd web\n\n# install the dependencies\n$ npm install\n\n# run web app\n$ npm start\n```\n\n### Mobile\n\nIn order to run the application on your device, you'll need to change the ip address configuration on [api.ts](https://github.com/BravoNatalie/Ecoleta/blob/master/mobile/src/services/api.ts):\n\n```javascript\n  baseURL: 'http://192.168.1.31:3333',\n```\nNow with everything in place, run the application.\n\n```bash\n$ cd mobile\n\n# install the dependencies\n$ npm install\n\n# start expo\n$ expo start\n```\n\n\u003ca id='license'/\u003e\n\n## :page_with_curl: License\n\nThis project is under the **MIT license**. See the [LICENSE](https://github.com/BravoNatalie/Ecoleta/blob/master/LICENSE) for more information.\n\n## :mailbox_with_mail: Get in touch!\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://www.linkedin.com/in/nataliebravo/\" target=\"_blank\" \u003e\n  \u003cimg alt=\"Linkedin - Natalie Bravo\" src=\"https://img.shields.io/badge/Linkedin--%23F8952D?style=social\u0026logo=linkedin\"\u003e\n\u003c/a\u003e\n\u003ca href=\"mailto:natalie.bravo@ice.ufjf.br\" target=\"_blank\" \u003e\n  \u003cimg alt=\"Email - Natalie Bravo\" src=\"https://img.shields.io/badge/Email--%23F8952D?style=social\u0026logo=gmail\"\u003e\n\u003c/a\u003e \n\u003cbr/\u003e\n  Made with :coffee: and ❤️ by \u003cb\u003eNatalie Bravo\u003c/b\u003e.\n\u003cp/\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbravonatalie%2Fecoleta","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbravonatalie%2Fecoleta","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbravonatalie%2Fecoleta/lists"}