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.

• Live Site URL: https://kerem-gurbuz-fm-ip-address-tracker.vercel.app

Table of contents

• Overview
• Built with
• Author

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

Screenshots

md-screenshot-1	md-screenshot-2

sm-screenshot-1	sm-screenshot-2	sm-screenshot-3	sm-screenshot-4

Built with

• Next.js | TypeScript - React framework
• Redux Toolkit - Global state management
• TanStack Query (FKA React Query) - Data fetching, caching, synchronizing and updating server state
• React Hook Form - Form handling and validation
• Zod - TypeScript-first schema declaration and validation
• Tailwind CSS - Utility-first CSS framework
• shadcn/ui - Accessible, customizable UI components
• Mobile-first workflow

Author

• LinkedIn - Kerem Gurbuz
• Frontend Mentor - @kerem-gurbuz