Skip to content

JinhaKimGH/Basketball-Court-Finder

Repository files navigation

🏀 Basketball-Court-Finder

This app finds basketball courts around a given location, and allows users to rate them.

This app gets basketball courts, its data, and creates the map using the OpenStreetMap (OSM) API, geocodes and reverse geocodes using the Nominatim API, and utilizes Firebase for a database.

🔗 Website Link

You can access this app here!

🪄 Features

Users can:

  • Log in
  • Leave Reviews
  • Search for basketball courts within a range of an address
  • View the name of the court, distance from the address, number of hoops, rating, and surface type

📸 Screenshots

Search Results Court Information

Environment Variables

To run this project locally, you will need to add the following variables after creating a firebase database to a config.jsx file.

firebaseValues.apiKey -> apiKey for firebase

firebaseValues.authDomain -> Value created with firebase setup

firebaseValues.projectId -> Value created with firebase setup

firebaseValues.storageBucket -> Value created with firebase setup

firebaseValues.messagingSenderId -> Value created with firebase setup

firebaseValues.appId -> Value created with firebase setup

Run Locally

Clone the project

  git clone git@github.com:JinhaKimGH/Basketball-Court-Finder.git

Go to the project directory

  cd Basketball-Court-Finder

Install dependencies

  npm install

Start the server

  npm run dev

🔗 Links

linkedin

License

MIT