This is a solution to the IP address tracker challenge on Frontend Mentor.
https://ip-address-tracker-karoldiasb.vercel.app/
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
- Next.js - React framework
- React - JS library
- useContext - For state management
- Styled Components - For styles
- Theme structure usage with an abstraction of a BaseComponent to be reused by other components
First, install dependencies:
yarn Then, run the development server:
yarn devOpen http://localhost:3000 with your browser to see the result.