WanderMap is an interactive React web application designed for travelers to document and share their adventures. It allows users to mark locations on a map, add notes about their trips, and store their valuable travel data. The application features user authentication, a user-friendly homepage, product listings, pricing information, and several other key features. 🌟
- Users can easily pinpoint their travel destinations on an interactive map.
- WanderMap enables users to attach detailed notes to their selected locations, making it a great travel diary companion.
- All location data, including country and city information, along with user-generated notes, are securely stored in a database for future reference.
You can check out the demo here ➡️ WanderMap Demo
- Clone the repository:
git clone https://github.com/yourusername/WanderMap.git- Navigate to the project directory:
cd WanderMap- Install dependencies:
npm install- Start the development server:
npm run start-
For running a local server:
-
Change the
BASE_URLinCitiesContext.jsxto:const BASE_URL = "http://localhost:8000";
and then run the following command:
npm run server
or
-
Use the hosted JSON file server on Render.
-
-
Open your web browser and visit
http://localhost:3000to experience WanderMap firsthand.
WanderMap is built using a combination of modern technologies and libraries to provide a seamless travel experience. The core technologies used in this project include:
-
React: A popular JavaScript library for building interactive and dynamic user interfaces.
-
React-Leaflet: A React wrapper for Leaflet, a powerful and customizable mapping library.
These technologies were chosen to ensure a smooth and engaging user experience while maintaining code quality and scalability.
Contributions are always welcome! See CONTRIBUTING.md for ways to get started.
WanderMap is open-source and licensed under the MIT License. For details, see the LICENSE file.