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 using ReactJS & TailwindCSS

@IamArshadAli

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


πŸ™‹β€β™‚οΈ Hello, Everyone,

Here is my solution for the Intro Advice Generator App.

  • Scored 97% on Google Pagespeed Insights! 🀩
  • Built with ReactJS | Designed with TailwindCSS πŸ› οΈ | Mobile-First approach πŸ“±
  • Utilized prettier-plugin-tailwindcss to auto-sort TailwindCSS classes 🎨
  • Implemented JavaScript's inbuilt fetch API to make calls to External API βš™οΈ
  • Utilized BEM principles to create a consistent structure of TailwindCSS classes
  • Minified the CSS files to improve site performance πŸš€

Do you have some insights to share❔

I'll be happy to hear them. πŸ€“

Code Together | Learn Together | Grow Together

Community feedback

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