Project Goal

This platform will act as a little game where users can see and try to spot all of the graffiti around campus at the University of Illinois. Users will see a map of all the general locations of graffiti and be able to check them off inidividually. After a grifiti location is selected, a 3d model of the object the graffiti is on will be displayed (as a sort of hint). Users will also be able to sort by "type" and location of graffiti on the map.

Demo (Current Version)

Technologies

• - Frontend -> ReactJS is the main driver for the frontend. Many components are borrowed from MUI React Components (JOY UI Core). The map element is an extension of LeafletJS for React named React Leaflet.
• - Backend -> Flask is the main driver for the backend. It is a data meditaor between the database and the frontened.
• - Database -> MongoDB is the database of choice. It houses the graffiti location, type, and model data.

Next Steps

• - Collect Graffiti data around campus
• - Add 3d model display functionality (look at ThreeJS)
• - MongoDB database integration
• - Deployment + Advertisement