🌐 WorldWise Welcome to WorldWise - Your Passport to Global Adventures!
--Introduction WorldWise is an immersive application that allows you to travel the world from the comfort of your digital space. Keep track of your adventures, explore new cities, and share your wanderlust with friends. With a dynamic world map, advanced features, and a user-friendly interface, WorldWise is your go-to travel companion.
Technologies Used HTML 🌈 CSS 🎨 JavaScript 🚀 React.js ⚛️ Vite 🌀 Advanced React Routing 🔀 Context API 🔄 Custom Hooks for Reusability ⚙️ Leaflet for Map Integration 🗺️
What I Learned
--During the development of WorldWise, I delved into various advanced React concepts and technologies. Some key takeaways include:
Advanced React Routing: Navigating through the application seamlessly, allowing users to explore the world effortlessly.
Context API and useReducer: Elevating state management to a more advanced level for a smoother user experience.
Leaflet for Map Integration: Integrating external APIs like Leaflet for an interactive world map that tracks user footsteps.
Custom Hooks: Implementing custom hooks like useGeolocation and useUrlPositions for enhanced functionality and reusability.
Fake Authentication: Simulating user authentication for a personalized experience, creating an authProvider context.
--Features and Functions Fake Authentication: Log in through fake authentication to unlock the world map and personalized features.
Interactive World Map: Click anywhere on the map to dynamically reveal a form with the corresponding country and city, allowing you to add it to your travel list.
Manage Countries and Cities: Add, delete, and edit countries and cities. Keep track of your favorite destinations.
Add Notes: Document your wonderful experiences by adding notes to each city.
Logout: Seamlessly log out when you're done exploring the globe.
--Getting Started Clone the repository. Install dependencies using npm install. Run the application with npm run dev.
Explore, wander, and plan your next global adventure with WorldWise! 🌍
Screenshots
--Contribute Contributions are welcome! Fork the repository, make your changes, and submit a pull request.
Happy Travels with WorldWise! 🌍