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.
Users should be able to:
- View the optimal layout for each page depending on their device's screen size
- See hover states for all interactive elements on the page
- See their own IP address on the map on the initial page load
- Search for any IP addresses or domains and see the key information and location
- Solution URL: My Solution
- Live Site URL: IP Tracker Website
- React.js - to create UI and dynamic components
- React Leaflet - to visualize geolocation data
- Redux Toolkit - to manage the state and API calls
- IP Geolocation API - to locate IP address
- ipify API - to get client IP address
This project allowed me to deepen my understanding of React and Redux and develop many other skills and knowledge in web development.
- I learned how IP address and domain work and how they can be used to locate a website.
- I learned how to use LeafletJS to provide an interactive and intuitive way to view maps.
- I learned how to handle errors effectively in redux thunks and how to improve UX when errors occur.
- User Authentication to provide personalized experience
- Show Remaining Credits for the API
- Feedback System to get suggestion and bug report
- Create Maps using React Leaflet - Tutorial on how to use Leaflet in React
- Handling errors with Redux Toolkit - StackOverflow thread on error handling with Redux toolkit
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
- GitHub - IndieCoderMM
- Frontend Mentor - @IndieCoderMM
- Linkedin - @hthantoo
- Gmail - [email protected]
I 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.
Feel free to check the issues page.
If you like this project, please consider giving it a ⭐.
This project is MIT licensed.