IP address tracker solution

Table of contents

• Overview
  • Features
  • Screenshot
  • Links
• My process
  • Built with
  • Dependencies
  • Running this project locally
  • Continued development
• Author

Overview

Features

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: Live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• MVC Architecture

Dependencies

• Parcel
• Sass
• Core-js
• Leaflet
• Regenerator-runtime

Running locally

• From the repo:

1. Clone this project locally
2. Type cd <project directory> in your bash / command line
3. Run npm install in your bash / command line
4. Run npm run build in your bash / command line

Continued development

I'm generally focusing on how to segment large code base into small components having unidirectional flow of data between them. I've used MVC Architecture to achieve it. Moreover, declarative paradigm is something that is facinating me more, using this paradigm to the utmost is my goal.

Author

• Twitter - @prince_popups