{"id":19986228,"url":"https://github.com/simandrew/world-wise","last_synced_at":"2025-06-12T12:08:19.455Z","repository":{"id":221828914,"uuid":"754282359","full_name":"SimAndrew/world-wise","owner":"SimAndrew","description":"World Wise Travel Track SPA App","archived":false,"fork":false,"pushed_at":"2024-03-02T20:23:44.000Z","size":938,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-01T20:35:34.916Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://world-wise-reactjs.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SimAndrew.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-07T18:46:16.000Z","updated_at":"2024-03-27T18:43:25.000Z","dependencies_parsed_at":"2024-02-24T13:24:27.700Z","dependency_job_id":"bc8d7fc3-23c3-4777-a5d3-734357cba26d","html_url":"https://github.com/SimAndrew/world-wise","commit_stats":null,"previous_names":["simandrew/world-wise"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SimAndrew/world-wise","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fworld-wise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fworld-wise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fworld-wise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fworld-wise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimAndrew","download_url":"https://codeload.github.com/SimAndrew/world-wise/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimAndrew%2Fworld-wise/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259462559,"owners_count":22861512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T04:28:34.183Z","updated_at":"2025-06-12T12:08:19.435Z","avatar_url":"https://github.com/SimAndrew.png","language":"JavaScript","readme":"## World Wise App\n\n### About:\n\nWorldWise is a travel tracking tool that helps you create a visual record of your adventures. You can add cities to your list and view them on a world map, as well as access information about each city.\n\nTo use the application, you need to give permission to the device location. The app uses the Leaflet open-source library to display the map.\n\nThe application fetches cities from `data/cities.json`.\n\n---\n\n### Sample task, photo:\n\n- Overview\n\n  ![gif1](https://github.com/SimAndrew/world-wise/assets/44125451/0f991e1b-e887-4424-896f-5d84b7edd4e1)\n\n- Add new visited location and impressions\n\n  ![gif2](https://github.com/SimAndrew/world-wise/assets/44125451/b5a3f945-3fe5-4578-bcd6-dcf4114bf3cd)\n\n- data/cities.json contain list of visited countries\n\n```\n{\n  \"cities\": [\n    {\n      \"cityName\": \"Lisbon\",\n      \"country\": \"Portugal\",\n      \"emoji\": \"🇵🇹\",\n      \"date\": \"2027-10-31T15:59:59.138Z\",\n      \"notes\": \"My favorite city so far!\",\n      \"position\": {\n        \"lat\": 38.727881642324164,\n        \"lng\": -9.140900099907554\n      },\n      \"id\": 73930385\n    },\n  ]\n}\n```\n\n---\n\n### Technologies, Libraries:\n\n- [React JS](https://react.dev/)\n- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)\n- CSS Modules - Automatically creating a unique class name\n- [reactrouter.com](https://reactrouter.com/) Single-Page App\n- React Context API - Allow to share state across the entire app\n- [leafletjs.com](https://leafletjs.com/) Leaflet is open-source JavaScript library for mobile-friendly interactive maps.\n- [react-leaflet.js.org](https://react-leaflet.js.org/) React components for Leaflet maps\n- [react-datepicker](https://github.com/Hacker0x01/react-datepicker)\n\n\n---\n\n### Run the app:\n\n- Clone a project: `git clone`\n\n```\nhttps://github.com/SimAndrew/world-wise.git\n```\n\n- Open project code in your editor.\n- Install the dependencies, enter into the terminal:\n\n```\nnpm install\n```\n\n- Run the project, enter into the terminal:\n\n```\nnpm run dev\n```\n\n- To run server `data/cities.json` on `localhost:8000/cities` enter into the terminal:\n\n```\nnpm run server\n```\nor\n```\nnpx json-server --watch data/cities.json --port 8000\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fworld-wise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimandrew%2Fworld-wise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimandrew%2Fworld-wise/lists"}