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
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.