IP Address Tracker - React, TypeScript & Interactive Maps

Solution retrospective
I'm most proud of building a functional IP and domain lookup application with interactive maps, search history, dark mode, and API integration. I also added 12 Playwright test scenarios across Chromium, Firefox, and WebKit, along with GitHub Actions CI.
Next time, I'd plan cross-browser testing earlier in development rather than adding it towards the end.
I chose to create a custom interface and extend the original challenge with additional features rather than closely follow the provided design.
What challenges did you encounter, and how did you overcome them?One challenge was handling overlapping API requests. I used AbortController to cancel outdated requests and prevent older results from replacing newer ones.
I also encountered Firefox timeouts when running Playwright tests in parallel. Reducing the number of workers helped stabilise the test suite, and all 36 cross-browser test executions passed locally.
What specific areas of your project would you like help with?I'd appreciate feedback on the overall UI, responsive layout, accessibility, and code structure. I'm particularly interested in whether the search experience and map layout could be improved for mobile users.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Quynh Trang Nguyen’s solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord