WorldWise is an innovative travel tracking application designed to help you document and share your travel experiences. With a range of engaging features, it's the perfect companion for any traveler. Here's what you can expect:
- Dynamic Page Navigation: Enjoy a seamless single-page application experience with our dynamic navigation
- City and Country Lists: Keep track of your travels with lists of cities and countries you've visited, dynamically updated based on your input.
- Interactive Maps: Discover and mark the places you've been to using our map feature, complete with geolocation support. Plus, get detailed views of each city you've visited.
- City Details: Dive deeper into each city with details like visit dates, personal notes, and even links to Wikipedia for more information.
- User-Friendly Interface: Our application is designed for ease of use, ensuring a smooth and enjoyable user experience.
- Vite Integration: We're proud to use Vite as our build tool, stepping up from Create React App to embrace the latest in web development.
- Single-Page Application (SPA) Architecture: Our SPA architecture means content updates smoothly without full page reloads, for a faster, more responsive experience.
- React Components: We build using React components for a modular, maintainable, and scalable codebase.
- ESLint Integration: We ensure high code quality and consistent best practices with integrated ESLint.
- React Router: For efficient SPA routing, we rely on the popular React Router library.
- React Hooks - createContext and useReducer: We use these advanced React hooks for state management and data flow optimization.
-
Clone the Repository:
git clone https://github.com/generalentropy/worldwise-spa-app.git
-
Install Dependencies:
npm install
-
Start the Local REST API:
npm run server
-
Run the App:
npm run dev
-
Access the App: Open http://localhost:5173/ in your browser and start exploring!