Skip to content

Latest commit

 

History

History
76 lines (68 loc) · 3.36 KB

read.md

File metadata and controls

76 lines (68 loc) · 3.36 KB

Frontend Mentor - Ip Address Tracker

This is a solution to the Ip address tracker challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenges

Users shoud be able to:

  • View the optimal layout for the app 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 and see the key information and location

My processes

Built with

  • Semantic Html5 markup
  • Sass
  • Flexbox
  • Mobile-first workflow
  • figma design

What i learned

  • It was amazing to build a fully functional wroking website with using multiple apis in a single webapp. I learned a lot about ipify and leaflet api and earned a lot of experance. And now I know how to implement map in a website or app this was new for me And I enjoyed it.

Useful resources

  • figma This helped me for designing and predicting the code. I really liked this pattern and will use it going forward.

Author

Favorite spot