An open API service indexing awesome lists of open source software.

https://github.com/abdulrehman-z/ip-address-tracker

Track any device with just one click!
https://github.com/abdulrehman-z/ip-address-tracker

Last synced: about 2 months ago
JSON representation

Track any device with just one click!

Awesome Lists containing this project

README

        

# IP address tracker

This is a solution to the [IP address tracker challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/ip-address-tracker-I8-0yYAH0). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

### Links

- Solution URL: [solution URL](https://github.com/AbdulRehmanConqueror/Ip-Address-Tracker)
- Live Site URL: [live site URL](https://ipwatcher.netlify.app)

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Sass
- Flexbox
- MVC Architecture of Js
- Publisher-Subscriber pattern of Js
- [Leaflet](https://leafletjs.com/) - JS library

### What I learned

Doing this project with MVC architecture is very hard as a beginner.During this project i face alot of errors and complexities like 'Publisher-Subscriber pattern of Js' . What i learned from this project is :

- Publisher-Subscriber pattern of Js

### Continued development

I will add new features to this project in future.InshaaAllah!

### Useful resources

- [IP Geolocation API by IPify](https://geo.ipify.org/) - This helped me for making request for ip addresses. I really liked this pattern and will use it going forward.
- [stackoverflow](https://dmitripavlutin.com/javascript-modules-best-practices/) - This is an amazing article which helped me learning 4 best practices to write quality javaScript modules . I'd recommend it to anyone still learning this concept.

## Author

- Frontend Mentor - [@AbdulRehmanConqueror](https://www.frontendmentor.io/profile/AbdulRehmanConqueror)

## Acknowledgments

Dont give up ever!