{"id":18964291,"url":"https://github.com/lorransutter/happy","last_synced_at":"2026-04-15T14:34:32.747Z","repository":{"id":114624482,"uuid":"303505728","full_name":"LorranSutter/Happy","owner":"LorranSutter","description":"Backend, frontend and mobile app to connect people to orphanages","archived":false,"fork":false,"pushed_at":"2021-06-21T20:21:33.000Z","size":427,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-02T07:20:43.600Z","etag":null,"topics":["reactjs","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/LorranSutter.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}},"created_at":"2020-10-12T20:29:14.000Z","updated_at":"2021-06-21T20:21:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"dc23b938-1857-417b-aadd-6e3157e94cd4","html_url":"https://github.com/LorranSutter/Happy","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/LorranSutter/Happy","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LorranSutter%2FHappy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LorranSutter%2FHappy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LorranSutter%2FHappy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LorranSutter%2FHappy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LorranSutter","download_url":"https://codeload.github.com/LorranSutter/Happy/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LorranSutter%2FHappy/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31845953,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T13:28:40.153Z","status":"ssl_error","status_checked_at":"2026-04-15T13:28:29.396Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["reactjs","typescript"],"created_at":"2024-11-08T14:23:37.031Z","updated_at":"2026-04-15T14:34:32.707Z","avatar_url":"https://github.com/LorranSutter.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Happy - Next Level Week\n\n\u003c!-- Next level https://github.com/rocketseat-education/nlw-03-omnistack --\u003e\n\n\u003cdiv align=\"center\"\u003e\u003ch3\u003e\u003ci\u003eUnder Development\u003c/i\u003e\u003c/h3\u003e\u003c/div\u003e\n\nProject provided by [Rocket Seat](https://rocketseat.com.br) to learn backend, frontend and mobile development employing React JS, React Native and Express.\n\n\u003c!-- \u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://res.cloudinary.com/lorransutter/image/upload/v1591489742/ecoleta_site_preview.gif\" alt=\"Site preview\" height=\"300\"/\u003e\n\u003cimg src=\"https://res.cloudinary.com/lorransutter/image/upload/v1591491000/ecoleta_mobile_preview.gif\" alt=\"Mobile preview\" height=\"300\"/\u003e\n\n\u003c/div\u003e --\u003e\n\n\u003c!-- This project aims to create a web application and mobile web app to help people find places that contribute to **recycling**.\n\nThe web application is intended for the use of collection points, where is possible to:\n\n- Register yourself as a collection point with name, email, whatsapp number, city, province/state, location, image and items that you collect.\n- It is possible to upload and image of the place and user a interactive map to mark the place location.\n\nThe mobile web app is indended for users that want to find collection points, where is possible to:\n\n- Find places by location and collected items.\n- Browse for collection points using a map.\n- Choose and read details about the collection point.\n- Get in touch with the place, either registered email or whatsapp. --\u003e\n\n## :runner: How to run\n\nOpen your terminal in the folder you want to clone the project\n\n```sh\n# Clone this repo\ngit clone https://github.com/LorranSutter/Happy.git\n\n# Go to the project\ncd Happy\n\n# Go to each folder and install dependencies\ncd backend\nyarn\n\ncd ../frontend\nyarn\n\ncd ../mobile\nyarn\n```\n\nNow you will need two opened terminals to run the project. One for the backend and another one for the frontend or mobile.\n\nBackend will run on http://localhost:5000/\n\nFrontend will run on http://localhost:3000/\n\nMobile will run on http://localhost:19002/ (it may vary, check the right url on expo)\n\n```sh\n# Go to backend\ncd backend\n\n# Run the project\nyarn start\n\n## In the another terminal ##\n\n# Go to frontend\ncd frontend\n\n# Run the project\nyarn start\n```\n\nFor the mobile web app keep backend running and do the following:\n\n```sh\n# Go to mobile\ncd mobile\n\n# Run the project\nexpo start\n```\n\nThis will start expo CLI on your browser. A QR code will appear on your screen and in terminal. You can scan this QR code with [Expo app](https://expo.io/tools#client) to see the application running in your phone.\n\n## :book: Resources\n\n- [Figma](https://www.figma.com/) - digital design and prototyping tool\n- [Mapbox](https://www.mapbox.com/) - an open source mapping platform for custom designed maps\n\n## :computer: Technologies\n\n1. Backend\n\n    - [Typescript](https://www.typescriptlang.org/) - superset of JS programming language static typed\n    - [Node.js](https://nodejs.org/en/) - executes JS scripts in server side\n    - [Express.js](http://expressjs.com/) - web application framework\n    - [Multer](https://www.npmjs.com/package/multer) - middleware for uploading files\n    - [TS node dev](https://www.npmjs.com/package/ts-node-dev) - monitor and restart server after changes\n    - [Sqlite](https://www.sqlite.org/index.html) - simple SQL database engine\n    - [Cors](https://www.npmjs.com/package/cors) - provides a middleware that can be used to enable Cross-origin resource sharing\n    - [ExpressJS Async Errors](https://www.npmjs.com/package/express-async-errors) - handle async errors in express\n    - [Yup](https://www.npmjs.com/package/yup) - data validation\n    - [Typeorm](https://www.npmjs.com/package/typeorm) - ORM for typescript\n\n2. Frontend\n\n    - [ReactJS](https://reactjs.org/) - frontend library\n    - [React Icons](https://www.npmjs.com/package/react-icons) - icons library\n    - [React Leaflet](https://react-leaflet.js.org/) - map component based on Leaflet\n    - [React router dom](https://www.npmjs.com/package/react-router-dom) - routing and navigation for react apps\n    - [Axios](https://www.npmjs.com/package/axios) - HTTP requests\n\n3. Mobile\n    - [React Native](https://reactnative.dev/) - framework for mobile development\n    - [React Navigation](https://reactnavigation.org/) - routing and navigation for react apps\n    - [React Native Maps](https://github.com/react-native-community/react-native-maps) - map component for iOS and Android\n    - [React Native Gesture Handler](https://www.npmjs.com/package/react-native-gesture-handler) - provides touch and gestures\n    - [Expo](https://expo.io/) - tool for helping mobile development with react native\n    - [Expo Fonts](https://www.npmjs.com/package/expo-font) - load fonts at runtime\n    - [Expo Image Picker](https://www.npmjs.com/package/expo-image-picker) - provides UI to acccess images and videos\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florransutter%2Fhappy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Florransutter%2Fhappy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Florransutter%2Fhappy/lists"}