Fairway Finder is a web application designed to help golf enthusiasts find golf courses near their location, review them, and check out other golfers reviews. The application leverages the Golf Course API to fetch detailed information about golf courses based on the user's location or search query. Built with React and styled with CSS, Fairway Finder offers a seamless and responsive user experience.
- Geolocation-based Search: Automatically fetches the nearest golf courses based on the user's location.
- Search by Query: Allows users to search for golf courses by name or club name.
- Detailed Course Information: Displays the name, address, city, and state of the golf courses.
- Responsive Design: Ensures a seamless experience across different devices and screen sizes.
- React: A JavaScript library for building user interfaces.
- CSS: Cascading Style Sheets for styling the application.
- Golf Course API: An API to fetch information about golf courses.
- Geolocation API: A web API to get the user's location.
Node.js: Ensure you have Node.js installed on your machine. You can download it from nodejs.org.
-
Clone the repository:
git clone https://github.com/YOUR_GITHUB_USERNAME/Fairway-Finder.git
-
Navigate to the project directory:
cd Fairway-Finder -
Install the dependencies:
npm Installation -
Create a .env file:
Create a .env file in the root of your project and add your API key:
"REACT_APP_GOLF_API_KEY=GPW6LA6POJGFPTBC7INJNUAOHM"
Running the Application
Start the development server:
npm start
Open your browser and navigate to http://localhost:3000 to see the application in action.
origin/master