Bougie Dumpster Diving

Stooping NYC

An inspiration from the StoopingNYC instagam page. I never know where any of those images were taken, and by the time I find out, its not there anymore >:[

<

>

TECHNICAL HIGHLIGHTS

• To handle photo uploads, I convered JPEG data to a buffer stream for efficient transfer from client side to the backend. Using Multer and temporary storing the data in heap memory, I stored images in Supabase Storage. Extracted GPS data, storage URL and user inputted tags and descriptions are stored as an entry in Supabase SQL.


• User tag filtering is performed locally on the front-end to optimize data fetching requests to the backend. This reduces unnecessary data transfer and server load as well as enhancing the user experience by reducing latency and improving application responsiveness


• Using react-redux to efficiently manage states over multiple"pages" and the states of the interactive components created with Google Maps SDK. This overall created a more seamless and organized codebase.


• To promote the scaling of features, there was a database transfer from noSQL to SQL to incorporate relational correspondance to pieces of data.

The FullStack

Using react-redux to efficiently manage states over multiple "pages"and the states of the interactive components created with Google Maps SDK leveraging unidirectional flow with a MVC model to provide seamless debugging. This overall created a more organized codebase.

A Node/Express.js server to handle RESTful api's using a middleware pattern and file structure. Supabase was chosen for it's real-time capabilities for fast transactions. (Availability over Capability) Also have access to both BLOB and SQL functionality allows for seamless developer experience.