Skip to content

IP Address Tracker App coded with ReactJS, TypeScript and SCSS for Frontend Mentor IP Address Tracker App Challenge.

Notifications You must be signed in to change notification settings

MhmtMutlu/react-ip-tracker-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - IP address tracker solution

This is a solution to the IP address tracker challenge on Frontend Mentor coded by Mehmet Mutlu.

If you have problem to get data, you should close your ad blocker.

Table of contents

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

Project Image

Links

My process

Built with

What I learned

I have made practices about TypeScript, SCSS, ReactJS and ContextAPI. Also, that was the first experience about using maps for me. That's why, I have learned using maps, setting positions and recenter map when positions change.

Continued development

I would like to learn Next.js and try to code new project with it.

Useful resources

  • ReactJS Documents - This documents helped me to create Contexts.
  • SCSS Documents - This is an amazing article which helped me SCSS. I'd recommend it to anyone still learning this concept.
  • React Leaflet Documents - This is very usefull library if you need to use map in your projects.

Author

About

IP Address Tracker App coded with ReactJS, TypeScript and SCSS for Frontend Mentor IP Address Tracker App Challenge.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published