Welcome to the AasPaas App! This web application is designed to display popular places near the user's location, utilizing Google Maps for search functionality and interactive map display. The code base is standardized and modular to make changes if any.
-
Next.js: A React framework that enables server-side rendering and simplifies the development of React applications.
-
react-google-maps/api: This library is integrated to harness the power of Google Maps for search functionality and display of search results on an interactive map.
-
axios: A promise-based HTTP client for making requests to external APIs, used here to fetch data for popular places.
-
Tailwind CSS: A utility-first CSS framework that facilitates the styling and design of the app.
-
Location-Based Search: The app utilizes geolocation to find and display popular places near the user's current location.
-
Google Maps Integration: The search functionality is powered by Google Maps, providing accurate and comprehensive results displayed on an interactive map.
-
Category Filtering: Users can filter search results based on categories, allowing for a more personalized and focused experience.
To run this app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/utk145/AASPAAS.git -
Navigate to the project directory:
cd AASPAAS -
Install dependencies:
npm install --legacy-peer-deps -
Obtain Google Maps API key and update it in the appropriate configuration file( .env in the root folder).
-
Run the development server:
npm run dev -
Open your browser and visit
http://localhost:3000to view the app.
Make sure you have Node.js and npm installed on your machine before proceeding.
- Node.js: https://nodejs.org/
- npm: https://www.npmjs.com/
All sorts of contributions are welcomed. If you'd like to contribute, simply fork the repository and all set. 🚀
Click here for demo of the application.
