https://github.com/heliohdd/worldwise-app
CSS modules styled React Router Single-page-application project created with vite to register worldwide places already traveled. There is a map to interactively locate places using the geolocation API in the background. All of this in an authenticated protected app.
https://github.com/heliohdd/worldwise-app
css-modules react-router single-page-app
Last synced: 2 months ago
JSON representation
CSS modules styled React Router Single-page-application project created with vite to register worldwide places already traveled. There is a map to interactively locate places using the geolocation API in the background. All of this in an authenticated protected app.
- Host: GitHub
- URL: https://github.com/heliohdd/worldwise-app
- Owner: heliohdd
- Created: 2024-12-13T16:08:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-11T16:48:00.000Z (over 1 year ago)
- Last Synced: 2025-02-14T03:54:43.105Z (over 1 year ago)
- Topics: css-modules, react-router, single-page-app
- Language: JavaScript
- Homepage: https://worldwise-jonas.netlify.app/app/cities
- Size: 10.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The World Wise project
This project uses and explore the functionalities of React Router to build a SPA (single-page application) using yet context API, memo, useMemo and useCallback features to offer a application to registry the history of travells done around the world.
## Getting Started
Run each of the lines above in a git bash terminal:
1. Clone the repository
```sh
git clone https://github.com/heliohdd/worldwise-app.git
```
2. Change to the project folder
```sh
cd worldwise-app
```
3. Install NPM packages dependencies
```sh
npm install
```
4. Run the database server
```sh
npm run server
```
5. Open other git bash terminal in the project folder and run the application
```sh
npm run dev
```
Then open [http://localhost:5173](http://localhost:5173) with your browser to see the result.