Приложение выполнено в рамках челенджа проекта Frontend Mentor "IP Address Tracker".
С готовым вариантом приложения можно ознакомиться здесь.
Представляет собой одностраничное приложение (single page application) с возможностью поиска геоданных в зависимости от вручную введененного IP адреса. Также имеется возможность автоматического определения IP адреса и соответствующих геоданных.
Если введенный вручную IP адрес некорректный, то под полем появляется сообщение ошибки.
Для запуска приложения использовать script npm run dev, открытое приложение доступно по адресу: http://localhost:3000/.
Приложение выполнено с использование фреймворка Next.js, языка TypeScript и адаптировано под все разрешения (десктопное и мобильное):
- Desktop: 1440px и выше;
- Mobile: от 375px.
Определение IP адреса, а также гоеданные по нему берутся с IP Geolocation API by IPify. Карта выполнена при помощи библиотеки React Leaflet. Управления состоянием приложения осуществляется с помощью Redux Toolkit, работа с API запросами - Redux Toolkit Query.
Каскадные таблицы стилей написаны с использованием библиотеки Tailwind CSS.