Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive IP Tracker Project using Angular

The Bipu 410

@the-bipu

Desktop design screenshot for the IP Address Tracker coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Hey Community, 👋🏻

This is my solution for the IP Tracker Project which i have created using Angular Js. This is my first angular project and i'm trying to learn API calls and integration in Angular. In this project i've learned how to pass data from one place to another in the Angular environment.

What challenges did you encounter, and how did you overcome them?

I was getting some problem while getting the data from the app.component.html and then passing it to the app.component.ts file for fetching the API and getting the response. I've taken help from the stackoverflow community and resolved this issue.

What specific areas of your project would you like help with?

I would love to know any other simpler method to fetch and pass the data and some alternative of this map as i;m getting problems while rendering it.

Ideas, suggestions, comments and thumbs up are welcome. 🫰

Cheers 🍃

Community feedback

@TedJenkler

Posted

Hi @the-bipu,

Nice project! I’m also interested in learning Angular, but I'm trying to hold off on picking up new stuff for now.

A couple of things I noticed:

Leaflet API Issue:

It looks like you’re having some trouble with the Leaflet API. This might be due to missing CSS on one of the containers—I’ve encountered that issue myself before.

Responsiveness:

The site isn’t responsive, so that’s something you might want to address.(500px and input breaks) Making it work well across different devices would be a big improvement.

Otherwise, great job! Hope this feedback is helpful.

Best, Teodor

Marked as helpful

1

The Bipu 410

@the-bipu

Posted

Hey @TedJenkler,

thankyou for the css thing, i tried checking the documentation and there i got the css code. also i've made the website responsive as you mentioned. Thankyou for you support.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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