Operation Mother Earth is a full stack application for children to learn about electronic waste. It is a multi-page React application which uses MongoDB as the database. There are 3 sections to the application.
Section 1: Storyboard Game Children can follow a simple story/game and test their knowledge on electronic waste. The game scores the user at the end of the game and encourages them to play again if they have a low score.
Section 2: Electronic Waste Recycling Center This section geolocates the client (with their permission). Geolocation was chosen because the user I intend to target is young and may spell their location incorrect or not know it. With the geolocation the appliation searches the Google API to find e-waste centers within a 30km radius of their location. The default location is central Vancouver. The client can also add e-waste centers to the map and it uses Google Geocode to find the lattitude and longitude of the client's location and add it to the map. The new center will be posted right away.
Section 3: Education - Videos and Q&A The Education section has videos about electronic waste and circular economty (targetting to children). There are also videos of clearing data off your device so you can safely recycle it, this is targetted towards the parents. The Education sections also has a Q&A sections with questions and their answers and a form that the client can fill out and add a question, which will be answered later but is posted right away.
https://operation-mother-earth.netlify.app/
-
To start using this app you first need to clone the repository:
git clone git@github.com:revyrob/operation-mother-earth.git
-
Then you will need to install all the required packages for the application. Run this command (if you're using npm):
npm i
-
To run the frontend and the backend:
npm run dev