Developed a dynamic restaurant discovery platform using React, Next.js, and Tailwind CSS, leveraging Google Maps API and Google Places API for seamless data integration.
-
Responsive Web Application: Utilized React and Next.js to create a responsive and performant web application, ensuring a smooth user experience. 🌐
-
Google Maps Integration: Integrated Google Maps API and Google Places API to fetch comprehensive data on restaurants, including location, ratings, and cuisine details. 🗺️
-
Data Filtering Options: Implemented robust data filtering options, allowing users to refine search results based on cuisine type, area radius, and star ratings. 🔍
-
Real-time Information: Provided real-time information on distance from the user's current location, enhancing convenience and decision-making. 📍
-
Google Maps Directions: Enabled users to click and open Google Maps to get directions to the selected restaurant, ensuring a seamless transition from the app to navigation. 🚗
-
Authentication: Secured the application with authentication handled by the Next-Auth library, ensuring user data privacy and access control. 🔐
This project delivers a dynamic restaurant discovery platform, combining a responsive web application, Google Maps integration, robust data filtering options, real-time information, Google Maps directions, and authentication for user data privacy and access control.
- React: A declarative, efficient, and flexible JavaScript library for building user interfaces.
- Next.js: A React framework for building server-side rendered and static web applications.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
- Google Maps API: Provides comprehensive mapping and location-based services.
- Google Places API: Offers detailed information about places, including restaurant details.
- Next-Auth: An authentication library for Next.js applications.
- Clone the repository.
- Install dependencies using
npm install. - Set up your Google Maps API and Next-Auth configuration.
- Do fill the secrets as provided in .env.example .
- Run the application with
npm run dev.
- Explore restaurants in your area with detailed information.
- Use filtering options to refine search results based on your preferences.
- Get real-time information on distance and directions to selected restaurants.
Feel free to contribute to the project by opening issues or submitting pull requests. 🤝
This project is licensed under the MIT License. 📄