https://github.com/hpatricioh/ip-address-tracker

IP Address Tracker App
https://github.com/hpatricioh/ip-address-tracker

Last synced: 15 days ago
JSON representation

IP Address Tracker App

• Host: GitHub
• URL: https://github.com/hpatricioh/ip-address-tracker
• Owner: HpatricioH
• Created: 2023-05-02T04:42:25.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-05T03:15:55.000Z (over 1 year ago)
• Last Synced: 2024-11-07T05:14:18.611Z (2 months ago)
• Language: TypeScript
• Homepage: https://ip-address-tracker-five-mauve.vercel.app
• Size: 995 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# IP Address Tracker APP 🌎

This project serves as a practical exercise in web development, designed for hands-on learning and skill honing. It leverages Next.js for seamless client-side routing, TypeScript for strong type checking, TailwindCSS for sleek and responsive design, Zustand for efficient state management, and custom hooks to enhance functionality.

At its core, this application is primarily an exercise in building real-world applications and gaining practical experience. It's designed to track and display IP information, providing a valuable tool for understanding network activity. While currently tailored for personal use, the project's main objective is to serve as a learning platform.

## Table of Contents

- [Getting Started](#getting-started)

- [Screenshot](#screenshot)

- [Built With](#built-with)

## Screenshot

![Project Screenshot](screenshot.png)

### Built with

- Semantic HTML5 markup

- Zustand

- Custom Hooks 

- Mobile-first approach

- Responsive design

- [Next JS](https://nextjs.org/) - JS library

- [TypeScript](https://www.typescriptlang.org/)

- [TailwindCSS](https://tailwindcss.com/) - For styles

- [Vercel](https://vercel.com/) - Deployment

- [ipify API](https://www.ipify.org/)

## Getting Started

These instructions will help you get a copy of the project up and running on your local machine for development and testing purposes.

### Installation

1. Clone the repo

   ```sh

   git clone https://github.com/HpatricioH/ip-address-tracker

2. Change to the repo directory

   ```sh

   cd ip-address-tracker

3. Install NPM packages

   ```sh

   npm install

4. Start development server

   ```sh

    npm run dev