Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
2

Dario Rodrigues

@UnidadeBrazil160 points

I'm a self-taught web developer from Brazil. I'm here to improve my skills in creating full-fledged websites and I'll be pleased to participate in the awesome front-end mentor community.

I’m currently learning...

React Server Component Redis Database AWS

Latest solutions

  • Next + Server Actions + Cookies to manage State + TailwindCSS

    #next#tailwind-css#react

    Dario Rodrigues•160
    Submitted almost 2 years ago

    0 comments
  • CosmoCruises Landing Page - Next 13 RSC + TailwindCSS

    #accessibility#animation#next#tailwind-css#motion

    Dario Rodrigues•160
    Submitted almost 2 years ago

    0 comments
  • Responsive IP address tracker TailwindCSS + Javascript + WebService

    #tailwind-css

    Dario Rodrigues•160
    Submitted almost 3 years ago

    1 comment
  • Responsive news homepage using Grid and TailwindCSS

    #tailwind-css

    Dario Rodrigues•160
    Submitted almost 3 years ago

    2 comments
  • Product Preview Card Component with SaSS/HTML

    #sass/scss

    Dario Rodrigues•160
    Submitted about 3 years ago

    1 comment
  • QR Code Component

    #sass/scss

    Dario Rodrigues•160
    Submitted about 3 years ago

    0 comments
View more solutions

Latest comments

  • Better5afe•850
    @better5afe
    Submitted almost 2 years ago

    React.js + TypeScript + Custom Hook + SCSS Newsletter Sign-up Form

    #accessibility#react#sass/scss#typescript#bem
    1
    Dario Rodrigues•160
    @Unidade
    Posted almost 2 years ago

    I loved your animations; they were such a great addition to the challenge. Overall, I think it's a pretty solid implementation, and in terms of code, it's well-written and easy to navigate.

    I'm curious about how much time you spent on this challenge

  • Mohamed Sayed•290
    @msabdalaal
    Submitted almost 3 years ago

    IP Address Tracker | React & TailwindCss

    #tailwind-css#react
    2
    Dario Rodrigues•160
    @Unidade
    Posted almost 3 years ago

    I looked your javascript code and I found that you a are making more fetch calls than the necessary, I inspected this with the network section on devTools. This is an example that are present in your components:

    {fetchLocation(ip).city}, {fetchLocation(ip).country}
    

    The response of this fetch call is a data object that have all the properties that you are accessing, you can be more efficient if you store the fetch data in a variable and access them as need. For example, this only make a fetch call.

    const data = fetchLocation(ip)
    {data.city}, {data.country}
    ...
    

    This is important because you don't want to make unnecessary call to the server, they can bottleneck your app, you are using more of your api call quotes and isn't efficient at all.

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub