{"id":24277068,"url":"https://github.com/indiecodermm/ip-tracker","last_synced_at":"2025-12-28T18:22:02.112Z","repository":{"id":137078301,"uuid":"599027730","full_name":"IndieCoderMM/ip-tracker","owner":"IndieCoderMM","description":"This website allows users to view location of any IP address or domain on an interactive map. Built with React, ReduxToolkit, Leaflet, Ipify API","archived":false,"fork":false,"pushed_at":"2023-02-11T17:48:38.000Z","size":4740,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T23:51:41.494Z","etag":null,"topics":["frontend-mentor","geolocation","ip-tracker","ipify-api","leaflet","react","redux-toolkit"],"latest_commit_sha":null,"homepage":"https://indiecodermm.github.io/ip-tracker/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IndieCoderMM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-02-08T09:53:10.000Z","updated_at":"2023-07-25T01:25:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"8eaac6e7-c213-45c7-a7f9-626d2e6be255","html_url":"https://github.com/IndieCoderMM/ip-tracker","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fip-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fip-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fip-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IndieCoderMM%2Fip-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IndieCoderMM","download_url":"https://codeload.github.com/IndieCoderMM/ip-tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243559152,"owners_count":20310708,"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":["frontend-mentor","geolocation","ip-tracker","ipify-api","leaflet","react","redux-toolkit"],"created_at":"2025-01-15T23:17:47.937Z","updated_at":"2025-12-28T18:22:02.075Z","avatar_url":"https://github.com/IndieCoderMM.png","language":"JavaScript","readme":"## Table of contents\n\n- [🧭 IP Address Tracker](#-ip-address-tracker)\n  - [📌 Overview](#-overview)\n    - [🎯 Challenge](#-challenge)\n    - [📸 Screenshot](#-screenshot)\n    - [🔗 Links](#-links)\n  - [🚂 My process](#-my-process)\n    - [🧰 Built With](#-built-with)\n    - [📝 What I learned](#-what-i-learned)\n    - [🔭 Future features](#-future-features)\n    - [💎 Useful resources](#-useful-resources)\n  - [📧 Connect wit me](#-connect-wit-me)\n  - [🤝 Contributing](#-contributing)\n  - [💖 Show your support](#-show-your-support)\n  - [📜 License ](#-license-)\n\n# 🧭 IP Address Tracker\n\n**IP Tracker** is a website that allows users to track the location of an IP address or domain name. This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0).\n\n## 📌 Overview\n\n### 🎯 Challenge\n\nUsers should be able to:\n\n- View the optimal layout for each page depending on their device's screen size\n- See hover states for all interactive elements on the page\n- See their own IP address on the map on the initial page load\n- Search for any IP addresses or domains and see the key information and location\n\n### 📸 Screenshot\n\n![Screenshot](./app_screenshot.png)\n\n### 🔗 Links\n\n- Solution URL: [My Solution](https://www.frontendmentor.io/solutions/ip-address-tracker-using-reactjs-and-redux-toolkit-oNQjiq8fbS)\n- Live Site URL: [IP Tracker Website](https://indiecodermm.github.io/ip-tracker)\n\n## 🚂 My process\n\n### 🧰 Built With\n\n- [React.js](https://reactjs.org/) - to create UI and dynamic components\n- [React Leaflet](https://react-leaflet.js.org/) - to visualize geolocation data\n- [Redux Toolkit](https://redux-toolkit.js.org/) - to manage the state and API calls\n- [IP Geolocation API](https://geo.ipify.org/) - to locate IP address\n- [ipify API](https://www.ipify.org/) - to get client IP address\n\n\n### 📝 What I learned\n\nThis project allowed me to deepen my understanding of React and Redux and develop many other skills and knowledge in web development.\n- I learned how IP address and domain work and how they can be used to locate a website.\n- I learned how to use LeafletJS to provide an interactive and intuitive way to view maps.\n- I learned how to handle errors effectively in redux thunks and how to improve UX when errors occur.\n\n\n### 🔭 Future features\n\n- [ ] User Authentication to provide personalized experience\n- [ ] Show Remaining Credits for the API\n- [ ] Feedback System to get suggestion and bug report\n\n### 💎 Useful resources\n\n- [Create Maps using React Leaflet](https://youtu.be/2KUYOdTXK74) - Tutorial on how to use Leaflet in React\n- [Handling errors with Redux Toolkit](https://stackoverflow.com/questions/63439021/handling-errors-with-redux-toolkit) - StackOverflow thread on error handling with Redux toolkit\n\n\n## 📧 Connect wit me\n\nI am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.\n- GitHub - [IndieCoderMM](https://www.your-site.com)\n- Frontend Mentor - [@IndieCoderMM](https://www.frontendmentor.io/profile/IndieCoderMM)\n- Linkedin - [@hthantoo](https://www.linkedin.com/in/hthantoo/)\n- Gmail - [hthant00chk@gmail.com](mailto:hthant00chk@gmail.com)\n\n## 🤝 Contributing\n\nI welcome any and all contributions to my website! If you have an idea for a new feature or have found a bug, please open an issue or submit a pull request.\n\nFeel free to check the [issues page](../../issues/).\n\n\n## 💖 Show your support\nIf you like this project, please consider giving it a ⭐.\n\n## 📜 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fip-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Findiecodermm%2Fip-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Findiecodermm%2Fip-tracker/lists"}