Microcosm is a personal project that is intended to be a learning experience that also has a positive impact (however marginal) on my part of New York City. It's a curated food guide - almost all of the content and media is original - of small businesses that prioritizes information on dietary restrictions and accessibility. I also find this project exciting because Queens is one of the most diverse places in the world and the food reflects that.
From a technical perspective, this is mostly a single-page app built in React and TypeScript that leverages GitHub Pages' free hosting offering (because servers are expensive). I had previously worked with React but this is the first time I've worked in a modern React ecosystem and with Node/NPM. Photos and some screenshots are below or you can visit the site directly.
Photo of the microcosm website displayed on a phone
Screenshot of the view page of a Japanese cafe
Screenshot of the below-the-fold part of a view page of a Japanese cafe
Back to Top