Frontend Mentor - IP address tracker solution

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 Features
  • The Screenshot
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The Features

Key features:

• User can See their own IP address on the map on the initial page load
• User can Search for any IP addresses or domains and see the key information and location

The Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• SCSS
• Flexbox
• Mobile-first workflow
• Nodejs - JS
• Express.js - Express framework

What I learned

Major learnings while working through this project.

• express framework
• body-parser
• how to handle static files

<%= Outputs the value into the template (HTML escaped)
<%- Outputs the unescaped value into the template

Continued development

Build more projects with Nodejs to master it.

Useful resources

• NPM packages website - This helped me for XYZ reason. I really liked this pattern and will use it going forward.
• GeeksforGeeks Nodejs + EJS articles - This is an amazing article which helped me finally understand XYZ. I'd recommend it to anyone still learning this concept.

Author

• Website - My Blog
• Frontend Mentor - @Bovage
• Twitter - @Bovaage