Git Product home page Git Product logo

faheemonhub / ip-address-location-tracker Goto Github PK

View Code? Open in Web Editor NEW
10.0 1.0 5.0 671 KB

IP Address Tracker is a web application that allows users to track the geographical location of a given IP address. The application provides information such as the IP address, location (including city, region, and country), timezone, and Internet Service Provider (ISP). Additionally, the location is displayed on an interactive map using Leaflet.js

Home Page: https://faheemonhub.github.io/IP-Address-Location-Tracker/

License: MIT License

HTML 20.82% JavaScript 47.56% CSS 31.63%
collaborate scrimba

ip-address-location-tracker's Introduction

  • ๐Ÿ‘‹ Hi, Iโ€™m @FaheemOnHub
  • ๐Ÿ‘€ Iโ€™m interested in learning to code
  • ๐ŸŒฑ Iโ€™m currently learning c/c++ , Full Stack Development
  • ๐Ÿ’ž๏ธ Iโ€™m looking to collaborate on language learning and contributing to hackathons
  • ๐Ÿ“ซ How to reach me [email protected]

ip-address-location-tracker's People

Contributors

faheemonhub avatar lyubomirt avatar pg2511 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

ip-address-location-tracker's Issues

Bug: Map Zoom Issue on Mobile Devices

Description:
Users have reported issues with map zoom functionality on mobile devices. Investigate and fix any issues related to map interaction on smaller screens.

Steps to Reproduce:

Open the application on a mobile device.
Attempt to zoom in and out on the map.

Expected Behavior:
Map zooming should be smooth and responsive on all device types.

Feature Idea 2: User Accounts and History

Description:
Implement user accounts that allow users to save and track their IP address searches. Users can view their search history, making it convenient to revisit previously searched IP addresses and locations.

Skills Required:

User authentication
Database storage for user accounts and search history
Frontend updates to display user-specific information

Enhancement: Add Loading Spinner During API Requests

Description:
Improve user experience by adding a loading spinner or indicator while waiting for API requests to complete. This will provide visual feedback to users, indicating that the application is actively fetching data.

Skills Required:

HTML/CSS for spinner implementation
JavaScript for dynamic loading behavior

Feature Idea: Dark Mode Toggle

Description:
Introduce a dark mode toggle that allows users to switch between light and dark themes. Dark mode is not only aesthetically pleasing but also beneficial for users who prefer low-light interfaces.

Skills Required:

CSS for dark mode styling
JavaScript for dynamic theme switching
UI/UX design considerations

Enhancement: Improve User Feedback for Invalid IP Address

Current Behavior:
Currently, if a user enters an invalid IP address or encounters an error during the location retrieval process, there is no clear feedback provided to the user. This might lead to confusion, as users may not be aware of what went wrong.

Expected Behavior:
We should enhance the user experience by implementing better error handling and providing informative feedback. For example, when an invalid IP address is entered, the application should notify the user that the input is not valid and prompt them to check the format.

Steps to Reproduce:

Enter an invalid IP address (e.g., "xyz123") in the search input field.
Click the "Search" button.

Proposed Changes:

Implement validation checks for the entered IP address format.
Display a user-friendly error message if an invalid IP address is detected.
Provide clear instructions on the expected IP address format.

Additional Information:

Include any relevant technical details or considerations.
Optionally, provide code snippets or suggestions for implementing the proposed changes.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.