Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
1

2AWebDeveloper

@2AWebDeveloper170 points

Hi, my name is Alireza, i am a front-end developer. thanks for watching my profile.

I’m currently learning...

ReactJS

Latest solutions

  • Solution Browser extensions manager UI with ReactJS and Tailwindcss

    #tailwind-css#react

    2AWebDeveloper•170
    Submitted 4 months ago

    0 comments
  • Interactive rating component

    #tailwind-css

    2AWebDeveloper•170
    Submitted 6 months ago

    0 comments
  • NFT preview card component


    2AWebDeveloper•170
    Submitted 6 months ago

    0 comments
  • Stats preview card component


    2AWebDeveloper•170
    Submitted 6 months ago

    0 comments
  • Results summary component

    #tailwind-css

    2AWebDeveloper•170
    Submitted 6 months ago

    0 comments
  • Advice generator app


    2AWebDeveloper•170
    Submitted 6 months ago

    0 comments
View more solutions

Latest comments

  • Mikhil Desai•680
    @mike15395
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I completed this challenge in 1day. I would like to improve my speed next time.

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

    CSS and getting data from json file was challenging. I overcome it by writing a generic code for each card, following DRY principle of programming.

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

    Please help me with responsiveness across different devices.

    time-tracking-dashboard-responsive

    1
    2AWebDeveloper•170
    @2AWebDeveloper
    Posted 6 months ago

    Hello, There is a problem in your code that is causing an error in receiving data from the api.

    Solution:

    async function fetchData() {
      // Change the url to this address 👇👇👇
      const url = "./data.json";
    
      fetch(url)
        .then((res) => {
          if (!res.ok) {
            console.log("something went wrong");
          }
          return res.json();
        })
        .then((data) => {
          activities = [...data];
          displayCards(activities);
        });
    }
    
    

    Good luck

    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