https://github.com/vsbron/course-react2023-world-wise
SPA for recording travels
https://github.com/vsbron/course-react2023-world-wise
Last synced: about 1 year ago
JSON representation
SPA for recording travels
- Host: GitHub
- URL: https://github.com/vsbron/course-react2023-world-wise
- Owner: vsbron
- Archived: true
- Created: 2023-11-09T12:37:59.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-26T15:01:19.000Z (over 2 years ago)
- Last Synced: 2025-03-01T09:47:08.590Z (over 1 year ago)
- Language: JavaScript
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WorldWise
React SPA that lets the user to save the list of cities/countries he visited previously
## Features
- Simple navigation that tracks what page you're currently on;
- Ability to log in the app with default credentials;
- The app screen with the visited cities on the left;
- The app screen with the map on the right side;
- Option to add or delete city from the list;
## Details
- Stylesheets are written using CSS Modules;
- Navigation in SPA is handled by React Router;
- In the App itself, once the city is clicked, the id (state) is passed in URL;
- Cities are fetched from fake API using json-server (Must run "npm run server" for app to work);
- Cities and Authentication states are managed by Context API custom components;
- Map is rendered with Leaflet API;
- The app uses Code Splitting for better performance;