Coffee Connoisseur is a web application that allows users to explore and discover coffee stores in their area based on their location. Users can view the name of the store, its location, and the voting score. They can also vote for their favorite coffee store. The application is built using Next.js, React, and integrates with the Unsplash API for displaying images and the Foursquare API for fetching coffee store data.
- Display coffee stores based on user's location
- View store name, location, and voting score
- Vote for favorite coffee store
- Responsive design for optimal viewing on different devices
- Next.js
- React
- Unsplash API (for displaying images)
- Foursquare API (for fetching coffee store data)
These instructions will help you set up the project on your local machine for development and testing purposes.
- Clone the repository:
git clone https://github.com/your-username/coffee-connoisseur.git- Install dependencies:
cd coffee-connoisseur
npm install- Set up API keys:
You will need to obtain API keys from Unsplash and Foursquare in order to use their APIs. Create a .env file in the root directory of the project and add the following:
NEXT_PUBLIC_UNSPLASH_API_KEY=your_unsplash_api_key
NEXT_PUBLIC_FOURSQUARE_CLIENT_ID=your_foursquare_client_id
NEXT_PUBLIC_FOURSQUARE_CLIENT_SECRET=your_foursquare_client_secretReplace your_unsplash_api_key, your_foursquare_client_id, and your_foursquare_client_secret with your actual API keys.
- Run the development server:
npm run dev- Open your web browser and go to http://localhost:3000 to see the application in action.
If you would like to contribute to Coffee Connoisseur, feel free to submit a pull request with your changes. Please follow the existing code style and include appropriate tests for your changes.