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

Advice Generator App with React and Styled Components

#accessibility#react#styled-components#lighthouse
P
Ken 4,915

@kens-visuals

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This wasn't the first time of me working with API, but a similar project was on my list for a while. Now, thanks to Frontend Mentor's good-looking design, I've got a random Stoic advice generator that I'm using on a daily basis. Although the initial API was different, I wanted to build something that my friends and I will use on a daily basis. And when I add the website to my phone's home screen, it feels like a legit app. I'm pretty pumped on this, and as would Epictetus say, "He is a wise man who does not grieve for the things which he has not, but rejoices for those which he has.".

If you have any suggestions, leave a comment 👨🏻‍💻 Cheers 👾

Community feedback

@Scyre27

Posted

I have done more than 10 to almost 15 of these challenges but all I do after is take a video recording of it and post it on my Whatsapp status. Kinda childish since I am a child. Haha. I find reading the guide on how to submit the solution a bit if a stress. But then I think I will have to start posting my solutions now. With this, I kinda added a loading image to wait for the DOM to load completely

0

P
Ken 4,915

@kens-visuals

Posted

Hey @Dead-Alnix 👋🏻

As long as you push your project to GitHub and then host it on GitHub pages, submitting your solutions would become really easy. I suggest watching this video, if you're struggling to host your site.

I hope this helps 👨🏻‍💻 Cheers 👾

0

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