https://github.com/yogihafidh/worldwise

The WorldWise is a web app that helps you keep track of your adventures as you travel the world.
https://github.com/yogihafidh/worldwise

css-modules javascript leafletjs react-router reactjs single-page-applications tracking-application

Last synced: 23 days ago
JSON representation

The WorldWise is a web app that helps you keep track of your adventures as you travel the world.

• Host: GitHub
• URL: https://github.com/yogihafidh/worldwise
• Owner: Yogihafidh
• Created: 2024-07-13T12:17:13.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-29T08:55:56.000Z (3 months ago)
• Last Synced: 2024-10-15T17:35:13.120Z (23 days ago)
• Topics: css-modules, javascript, leafletjs, react-router, reactjs, single-page-applications, tracking-application
• Language: JavaScript
• Homepage: https://worldwise-jonas.netlify.app/
• Size: 879 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# About Projek

WorldWise is a website where you can keep records and track all the places around the world that you have visited. It is an application that runs on the Fake API. This project made me more familiar with Context API, React Query, and various use cases of React Router such as putting application state in a URL. 

# What I learned

- The Context API

- React Query

- Various use cases of React Router such as putting application state in a url. 

# Installation and Usage

1. Clone the repository: ``` git clone https://github.com/Yogihafidh/WorldWise.git```

2. Go into the repository: ``` cd WorldWise ```

3. Install the dependencies: ``` npm install ```

4. Run the development server: ``` npm run dev ```

5. Buka browser Anda dan navigasikan ke http://localhost:5173/ untuk mengakses aplikasi WorldWise.

# Technologies Used

- React

- React Router

- React Leaflet

- CSS Modules