cleanup

Full-stack web application with CRUD functionalities using React, MongoDB, Node.js, HTML, CSS developed in team work and pair programming.

1
0
JavaScript

cleanup plastics

👉 visit the website here

⚒️ work in progress ⚒️

About

Cleanup plastics is a web app for hosting and joining events to clean up plastics in your local neighbourhood or on a beach during your holidays.

People may post an event or find an existing event on the map and save it to their profile.

Tech stack

  • full-stack web application with CRUD functionalities
  • built with React, MongoDB, Node.js, HTML, CSS
  • front-end and back-end connected by building a RESTful API
  • developed in team work and pair programming

Home

Functionalities

The homepage offers some general information about the problem of plastic garbage world-wide and introduces the idea of this platform in order to reduce plastics during our daily lives as well as cleaning up our local environment.

The user can sign up and edit their profile after logging in. Moreover, they can browse for cleanup events posted by others using either the map or the page listing all events. Each event can be saved and viewed on each user’s account on the ‘My Saved Events’ page. In addition, the user can create events as well as edit and delete their own. Details of each event may be opened and hidden individually, on the map as a pop-up as well as in the list.