Coffee Shop Search is a comprehensive and interactive application that guides you to coffee shops in Sunnyvale, CA and other nearby locations of your choice. This project was built using Next.js and showcases various features that set it apart from Create-React-App.
- Location-based Results: By default, the app loads coffee shops in Sunnyvale, CA, and you can also search for coffee shops near your current location.
- Coffee Shop Details: Clicking on a coffee shop takes you to a detailed page about the shop where you can view the address and upvote the shop.
- Beautiful Imagery: Each coffee shop is paired with a delightful stock photo of coffee from the Unsplash API.
- Upvoting System: Keep track of your favorite coffee shops by upvoting them. All votes are stored in Airtable.
- Artificial Intelligence: The hero image was created using generative AI.
- Eye-Catching Design: The application uses a background from meshgradient.com to add visual appeal.
- Next.js
- Unsplash API
- Foursquare Location API
- Airtable
- Generative AI for hero image
- MeshGradient
This project was a great opportunity for me to learn about the unique features of Next.js, including a combination of client-side rendering and static site generation, which ensures a fast, responsive user experience.
To use Coffee Shop Search, simply clone the repository, install dependencies, and execute npm run dev