n53337/ip-address-tracker

Frontend Mentor - IP Address Tracker

Frontend Mentor - IP-Address-Tracker

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

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• Get Started
  • How to use repo
  • Install Dependencies
  • Run
• My process
  • Built with
• Author

Overview

The challenge

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

Screenshot

Links

• Live Site URL: click here!

Get Started

A mini guid to clone, install and run the project on your local machine

How to use repo

• Make sure you have git installed

• Clone this repo to your device using the command bellow:

~$ git clone https://github.com/n53337/IP-Address-Tracker.git

• now open the folder with your code editor

Install Dependencies

• Make sure you have nodejs and npm installed !

• open your terminal again to install all dependencies with this command

~$ npm install

Run

• now you can lunch the app on your local machine with one command and you don't have to reload the page after any change in the code!

~$ npm start

• now you will see a link on the terminal, just press Ctrl + RightClick and BOOM the app is live now on you machine!

My process

Built with

• Semantic HTML5
• Vanilla CSS
• Flexbox
• Mobile-first approch
• APIs
• Javascript (Async/await)
• Parcel

Author

• github - u53f
• Frontend Mentor - @n53337
• Twitter - @n_53337