This is a solution to the IP address tracker challenge on Frontend Mentor.
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
- Solution URL: Github
- Live Site URL: Live on Vercel
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
- React - JS library
- Tailwind - For styles
- ipify API - Geolocation data API
- leafletjs - render interactive map API
$ git clone https://github.com/metkerr/rest-countries-api-with-color-theme-switcher.git
$ cd rest-countries-api-with-color-theme-switcher
$ npm install
Create a .env file with GUI or with .>.env
command, and insert your ipify API KEY:
REACT_APP_KEY=YOUR_API_KEY
you can get your own api key from https://www.ipify.org/
$ npm start