This is a solution to the IP address tracker challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
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: (https://ipify-tracker.netlify.app/)
- Live Site URL: (https://ipify-tracker.netlify.app/)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- React Leaflet
- Ipify Note: These are just examples. Delete this note and replace the list above with your own choices
-React animations and transitions
-Css styling assymetrical pages
- (https://stackoverflow.com/questions/67552020/how-to-fix-error-failed-to-compile-node-modules-react-leaflet-core-esm-pat) - Had Issues with react leaflet parsing properly. link helped me make some changes to my package.json to fix my issue
- Website - Adeyemi Opeyemi David
- Frontend Mentor - @Dayvvo
- Twitter - @Dayvvo1