Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
3

PatrickLee22

@PatrickLee22170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Interactive Comment Section w/ Typescript & React

    #typescript#react

    PatrickLee22•170
    Submitted almost 2 years ago

    1 comment
  • Advice App w/ React & Typescript

    #react#typescript#fetch

    PatrickLee22•170
    Submitted about 2 years ago

    1 comment
  • Newsletter w/ React Router & Typescript

    #react#react-router#typescript

    PatrickLee22•170
    Submitted about 2 years ago

    0 comments
  • Tip Calculator w/ Vite, React, and Typescript

    #typescript#vite#react

    PatrickLee22•170
    Submitted about 2 years ago

    0 comments
  • Social Proof Section - HTML, CSS


    PatrickLee22•170
    Submitted about 2 years ago

    0 comments
  • QR Code Component with HTML & CSS


    PatrickLee22•170
    Submitted about 2 years ago

    3 comments

Latest comments

  • P
    Cassidy•160
    @CMac450
    Submitted almost 2 years ago

    React Advice Generator

    2
    PatrickLee22•170
    @PatrickLee22
    Posted almost 2 years ago

    Hello there 👋. Congrats on completing the challenge!

    To resolve the caching issue, you can set the cache option in your fetch call to 'no-cache' to prevent the browser from caching the response, like so:

    fetch('https://api.adviceslip.com/advice', {cache: "no-cache"})
    

    Alternatively, the Advice Slip API has an option to get a specific advice slip if you provide an id number at the end of the URL. You could append a random number to the URL and it which would bypass the caching on the server side.

    Marked as helpful
  • AlekberliS•250
    @AlekberliS
    Submitted almost 2 years ago

    Responsive Api Advice Generator

    #accessibility
    1
    PatrickLee22•170
    @PatrickLee22
    Posted almost 2 years ago

    Hello there 👋. Congrats on completing the challenge!

    I've noticed a small glitch with application. It seems you've set the max-width of the body to 1440px. As a result, the container and its child elements are not centred if the browser width is larger than 1440px. If I can make a suggestion, setting the max-width to 100vw or 100% should resolve this issue.

    Marked as helpful
  • vishwa3•290
    @vishwa3
    Submitted almost 2 years ago

    Advice generator using CSS Animations

    #animation
    3
    PatrickLee22•170
    @PatrickLee22
    Posted almost 2 years ago

    Hello there 👋. Congrats on completing the challenge!

    I've noticed a small glitch with application. When viewing your app on Firefox, the browser caches the response from the first API call. This would result in subsequent fetch calls to not retrieve a new advice slip.

    To resolve this, you can set the cache option in your fetch call to 'no-cache' to prevent the browser from caching the response.

    Alternatively, the Advice Slip API has an option to get a specific advice slip if you provide an id number at the end of the URL. You could append a random number to the URL and it which would bypass the caching on the server side.

    Marked as helpful
Frontend Mentor logo

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

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