WorldWise is an application that allows users to register all the cities they have ever traveled to, providing a platform to share travel experiences and memories.
WorldWise is a single-page application built using React and Vite, a modern build tool. It leverages features such as dynamic routing, geolocation API integration, and external data fetching to provide users with an immersive travel experience.
-
Dynamic Routing: WorldWise utilizes client-side routing to navigate between different views within the application. Each page corresponds to a unique URL, enabling seamless navigation and bookmarking.
-
Geolocation Integration: Users can view their current location on the map by clicking a button, which utilizes the geolocation API to fetch the user's coordinates and display them on the map.
-
City Registration: Users can register cities they have traveled to by selecting them from a list or searching for them. The application fetches city information from an external API and displays it along with the user's travel notes.
-
Map Visualization: WorldWise incorporates an interactive map where users can view registered cities and navigate to specific locations by clicking on markers.
To set up the WorldWise project locally, follow these steps:
- Node.js
- npm package manager
git clone https://github.com/cgrgx/worldwise.gitcd worldwisenpm installnpm run dev