Skip to content

Front-end skills showcase. Uses Next.js + React + TypeScript + CSS Modules + SCSS and displays user IP with it’s location on the map after initial load. 3rd party API responses are validated, error is displayed when needed.

Notifications You must be signed in to change notification settings

aronmandrella/dox-me-io

Repository files navigation

DoxMe.io (front-end skills showcase)

ui_demo

Demo link

🔗 Live demo

⚠️ ipstack API doesn't allow https:// queries on free plan (only http://), so fetching ip metadata probably will be blocked by browser outside of localhost.

How to install and run

Run in dev mode

npm install
npm run dev

Build and prepare for hosting

npm install
npm run build

Specifications:

✔️ Uses Next.js + React + TypeScript + CSS Modules + SCSS.

✔️ Displays user IP with it’s location on the map after initial load.

✔️ Search box accepts only IP address or URL (if user provides something else appropriate message is displayed).

✔️ User can query any IP address or URL and display it on map.

✔️ 3rd party API responses are validated, error is displayed when needed.

✔️ History of searched locations is stored during session. Items in the list and markers on the map are clickable.

✔️ Has Responsive UI.

About

Front-end skills showcase. Uses Next.js + React + TypeScript + CSS Modules + SCSS and displays user IP with it’s location on the map after initial load. 3rd party API responses are validated, error is displayed when needed.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published