{"id":19946253,"url":"https://github.com/stpkkk/worldwise","last_synced_at":"2026-05-08T06:05:49.274Z","repository":{"id":241089018,"uuid":"803192207","full_name":"stpkkk/worldwise","owner":"stpkkk","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-16T20:19:19.000Z","size":11759,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T05:26:57.897Z","etag":null,"topics":["axios-mock-adapter","react-leaflet","react-router","typescript","use-context","use-reducer","vite"],"latest_commit_sha":null,"homepage":"https://stpk-worldwise.netlify.app/","language":"TypeScript","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/stpkkk.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-05-20T08:49:54.000Z","updated_at":"2024-12-20T01:42:25.000Z","dependencies_parsed_at":"2024-06-14T19:26:23.594Z","dependency_job_id":"ab0eafc0-af88-4607-84f0-6850abba562a","html_url":"https://github.com/stpkkk/worldwise","commit_stats":null,"previous_names":["stpkkk/worldwise"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2Fworldwise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2Fworldwise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2Fworldwise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2Fworldwise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stpkkk","download_url":"https://codeload.github.com/stpkkk/worldwise/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241374539,"owners_count":19952545,"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":["axios-mock-adapter","react-leaflet","react-router","typescript","use-context","use-reducer","vite"],"created_at":"2024-11-13T00:28:57.237Z","updated_at":"2025-11-26T06:01:48.727Z","avatar_url":"https://github.com/stpkkk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## \u003ca href=\"https://stpk-worldwise.netlify.app/\"\u003eWorldWise\u003c/a\u003e - A React app to helps you track your travels and create a visual record of your adventures\n\n## Overview\n\nWorldWise helps you track your travels and create a visual record of your adventures. It allows you to add cities to your list and view them on a world map, as well as view information about each city.\n\nIt is built using [React.js](https://react.dev/), [React Router](https://reactrouter.com/), [React DatePicker](https://reactdatepicker.com/), [React Leaflet](https://react-leaflet.js.org/) and [BigDataCloud Client Side Reverse Geocoding to City API](https://www.bigdatacloud.com/free-api/free-reverse-geocode-to-city-api).\n\nThis application is currently in development, but it is already a useful tool for travelers. It is easy to use and has a clean and modern user interface.\n\n**Features**\n\n- **Pages:** WorldWise has 5 pages: homepage, pricing, product, login, and app.\n\u003c!--TODO - **Responsive design** WorldWise has a responsive design that adapts to different screen sizes and devices. --\u003e\n- **Interactive world map:** WorldWise displays a world map with markers for all of the cities that the user has added to their list.\n- **City list:** WorldWise displays a list of all of the cities that the user has added to their list. The list includes the city name, country flag, and date of visit.\n- **City form:** When the user clicks on a city on the map or in the list, WorldWise displays a form with information about the city, including the city name, country flag, date of visit, and notes about the trip.\n- **Add city:** The user can add a city to their list by filling out the city form and clicking the \"ADD\" button. A marker will then appear on the map for the new city.\n- **Remove city:** The user can remove a city from their list by clicking the \"\u0026times;\" button next to the city in the list. The marker for the city will then be removed from the map.\n\u003c!--TODO - **Edit and update city** The user can edit and update the information for existing cities in the list. To do this, simply click on the city in the list and then click the \"EDIT\" button. --\u003e\n- **Current user geolocation:** The user can click the \"USE YOUR POSITION\" button to navigate the map to their current user's geolocation.\n\u003c!--TODO - **Local storage:** The list of cities is persisted in local storage, so that the user's list is preserved even if they close the browser or navigate to a different page. --\u003e\n- **Login and logout functionality:** WorldWise allows users to log in and out of their accounts.\n- **Tab component:** WorldWise has a tab component that displays a list of cities and correspond countries that user added. This allows users to quickly switch between different views of their list.\n\n## Screenshots\n\n![home-page](public/screenshots/home-page.png)\n![pricing-page](public/screenshots/pricing-page.png)\n![product-page](public/screenshots/product-page.png)\n![login-page](public/screenshots/login-page.png)\n![app-page](public/screenshots/app-page.png)\n![add-city](public/screenshots/add-city.png)\n![display-cities](public/screenshots/display-cities.png)\n![display-countries](public/screenshots/display-countries.png)\n![city-detail](public/screenshots/city-detail.png)\n\n## Usage\n\nWorldWise is a web application that helps you track your travels and create a visual record of your adventures. To use WorldWise, simply log in and start adding cities to your list.\n\n**To add a city to your list:**\n\n- Click on the position on the map where you want to add a city.\n- The city form will be displayed automatically.\n- You can fill out the city form, including the city name, country flag, date of visit, and notes about your trip. Alternatively, you can click on the \"ADD\" button without filling out the form to simply add a marker to the map.\n- Click the \"ADD\" button.\n- A marker will then appear on the map for the new city.\n\n**To remove a city from your list:**\n\n- Click on the \"\u0026times;\" button next to the city in the list.\n- The marker for the city will then be removed from the map.\n\n\u003c!--TODO **To edit or update information for a city:**\n\n- Click on the city in the list or on the map.\n- The city form will be displayed with information about the city, including the city name, country flag, date of visit, and notes about your trip.\n- Make the desired changes to the form.\n- Click the \"UPDATE\" button. --\u003e\n\n**To view information about a city:**\n\n- Click on the city name in the list or on the map.\n- A form will be displayed with information about the city, including the city name, country flag, date of visit, and notes about your trip.\n\n**To navigate the map to a city:**\n\n- Click on the city name in the list or on the map.\n- The map will navigate to the corresponding position. You can also zoom and pan the map to navigate to a city.\n\n**To use the login and logout functionality:**\n\n## Acknowledgments\n\nThis project was created as part of [The Ultimate React Course 2023: React, Redux \u0026 More](https://www.udemy.com/course/the-ultimate-react-course/) by [Jonas Schmedtmann](https://github.com/jonasschmedtmann). Special thanks to him for providing the project structure and design.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstpkkk%2Fworldwise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstpkkk%2Fworldwise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstpkkk%2Fworldwise/lists"}