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.
Available here on Netlify.
- 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.
- State management with
useReducer
andContext API
. React Router
library was used for routing throughout the app.useCallback
to memoize functions.CSS modules
library was used for styling the app.
- 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.