Skip to content
Submitted 3 months ago

Responsive IP Tracker Project using Angular

The Bipu•410
@the-bipu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...IP Address Tracker
  • HTML
  • CSS
  • JS
  • API
3intermediate

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

  • Teodor Jenkler•3,820
    @TedJenklerPosted 3 months ago

    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-bipuPosted 3 months ago

    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

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