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

• Frontend Mentor - IP address tracker solution
  • Table of contents
  • Overview
    • Links
    • Built with
    • Continued development
    • Useful resources
  • Author

Overview

Links

• Solution URL: Github

• Live Site URL: Netlify

Built with

• Parcel
• TypeScript
• SCSS
• TailwindCSS
• Prettier

Continued development

The problems mentioned below can be solved with a little more time and effort, but I'm not going to do it for this project.

• I created a function to calculate the results card's height and set the parent padding-bottom to position it accordingly, but it's not ideal. I'd appreciate any help on this.

Useful resources

• Parcel Bundler
  • PostHTML
    • posthtml-include - Inlined HTML files
  • svg - Inlined SVG files
  • tsc - Type checking with @parcel/transformer-typescript-tsc
  • TailwindCSS

Author

• Linktree - gokhantaskan
• Frontend Mentor - @gokhantaskan