Trading Post

Over 3 years ago1 min read

A small business site featuring Google maps

View Site | Code on Github


Tools Used: React, Google Maps , SCSS


What I learned

  • How to implement Google maps to display a business location.
  • How to automatically update a website to show the latest YouTube video from a channel automatically.
  • How to use CSS Grid to create responsive and mobile-friendly layouts.

What it does

Displays a simple landing page for a small business, including links to specific eBay categories, showing ratings and reviews from eBay, Facebook and Offerup.

map

The landing page shows the important information upfront and centre, such as the phone number and directions to the store using Google maps, together with the opening times.

carousel

The site Includes multiples pages, giving basic information about the business, and a swipeable and responsive carousel that shows what it looks like inside the store.