WolrdWise: an interactive Travel Diary app!

Original project designed by Jonas Schmedtmann, as part of his Ultimate React Course. I followed his design and built this project to practice core React concepts.

Live Version

Available here on Netlify.

Project Features

• Users can pick a location on the map, or let the app pick their location based on their current coordinates.
• The app saves each chosen city and displays them in a list.

Tools and technical concepts

• State management with useReducer and Context API.
• React Router library was used for routing throughout the app.
• useCallback to memoize functions.
• CSS modules library was used for styling the app.

Notes

• Build tool: Vite.
• Optimized for mobile: No, since the main goal was to practice React/JS features.
• This project has a simple, fake Auth screen that is pre-filled for development purposes. It's not fully integrated with a database.
• The cities data, however, comes from a mock database hosted on Glitch.
• The map used in this app was built with the Leaflet API.