Create a mobile responsive site that allows users to easily search for grocery items from local restaurants.
- Determine Tech Stack
I knew this had to be quick, so I spent some time determining what technologies I would use. I decided to integrate the Mapbox API for the mapping feature, crowdsource the restaurant information from the community, and use the Datatables plugin to create dynamic and easily searchable tables.
I also made sure to include the business details and links to the original social media posts. This would allow for users to contact the restaurant to double check inventories.
- Code & Deployment
This project allowed me to also brush up on my deployment skills.
After an intense few days of coding and scouring social media, my site was completed. I received
positive feedback from the community and my fellow developers. I was happy to provide a resource
to my local community. I even received entries through the submission feature. In order to get
the project running, I chose to use a google form for community submissions, which was converted
to a local json file.
I had over 4,000 visitors from March to May. After reviewing the page analytics, I was glad I optimized for the mobile experience, since almost 75% of my users visited the page from a mobile device.