I was thinking about how I needed to buy school supplies soon, and decided to make a website that gets items for what I want to buy at the cheapest price

What it does

Shopping Spree allows you to search for any specific item, and will list a bunch of those items from different stores from cheapest to most expensive. When the user clicks on the items, the website displays some more information about the product, and shows them where they can physically buy the product themselves if they don't want to order online (using the Google Maps API).

How I built it

I built the website using NextJS, Typescript, and CSS. I also used the Serp API (for getting shopping data) and Google Maps API.

Challenges I ran into

  • The Serp API only gave me 100 free searches per month, so I had to be cautious with my debugging.
  • I struggled a bit piecing the front end and back end together, but eventually got it to work out.

Accomplishments that I'm proud of

I made my first full-stack website by myself!

What I learned

  • A good amount of typescript
  • How to make full websites with NextJS (both front end and back end)

What's next for Shopping Spree

  • Style the website a bit more
  • Make the Maps API not limited to New York only

Built With

Share this project: