GoPup

Overview

This app allows users to find dog-friendly businesses and activities. It makes use of Yelp's Fusion API and Mapbox to gather information on such businesses and activities.

Live: We deployed two versions of GoPup. One with a server, and one without.

• Serverless: GoPup (netlify)
• w/ Server: Gopup (render)

Github Repo: Repo

Features

• Modal with geolocation and category shows up on load
  
• User can input zipcode and choice of activity category
  
• Spinner is displayed while data is retrieved from Yelp's Fusion API
  
• App bypasses Yelp's CORS policy via use of Netlify's serverless functions
  
• Results page shows cards with business' details
• Pagination implemented on results page
• Business page retrieves location from Mapbox as well as contact information
  
• App is responsive via Tailwindcss
  

Contributors

• Jiyun Github LinkedIn
• Ronald Github
• Joy Github
• Aaron Github LinkedIn

Project Structure

/
 client/
 └──├── public/
    ├── src/
    │   ├── assets/
    │   │   └── icons/
    │   │   └── images/
    │   │   └── ...
    │   ├── components/
    │   ├── contexts/
    │   ├── pages/
    │   ├── hooks/
    │   ├── pages/
    │   │   └── Details.jsx
    │   │   └── Error.jsx
    │   │   └── ...
    │   └── utils/
    └── package.json

Running Locally

This app requires node >= 16.

1. Clone repo.
2. Run cd client' && 'npm install && npm run dev in terminal.

Tech Used

• ESLint
• Prettier
• Nodemon
• Axios
• express
• Daisy UI

Preview