Skip to content
Submitted 9 months ago

Advice Generator App built with Tailwind, SASS and JavaScript

Daniel 🛸•44,270
@danielmrz-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

Solution retrospective

🛸 Hello Front-End Mentor Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

  • HTML 🧾
  • SASS 🎨
  • Tailwind 👾
  • JavaScript 🤖
  • BEM Notation 🅱️
  • Third Party API 🆕
  • Mobile first workflow approach 📲

The design is simple, but this project gave me the opportunity to practice fetching data from an API, which is new for me. That's my second project working with API. Polishing up my Javascript every day 😊

Note: Advice is cached for 2 seconds. Any repeat-request within 2 seconds will return the same piece of advice.

👾 Custom features:

  • Added a little animation on the button when hovered over and clicked.

Thanks to the Front-End Mentor team that create challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Community feedback

  • Iggy19944•160
    @Iggy19944Posted 9 months ago

    Hi Daniel, great looking design. I wanted to ask you a question and this seems to be the only place I can ask, I am sorry If it is not directly related to this challenge. How do you study JavaScript and combine it with doing challenges. If you already studied it before, What approach did you take, did you study to a certain level of competence and then start doing challenges or did you combine it. The reason I am asking is because I just started learning it and I would like to know about some good approached for balance and for it to be effective. Thank you.

    2
    Daniel 🛸•44,270
    @danielmrz-devPosted 9 months ago

    Hey @Iggy19944

    First of all, feel free to contact me on my discord @danielmrz, if you want.

    About your question:

    Well, I'm taking some JavaScript courses and every time I learn something new, I come here and check the challenges to see if there's one I can take to practice what I just learned. I like this approach: Study - Practice - Study - Practice.

    I'm very new to this front-end coding world myself, but this approach seems to be working very well for me.

    2

Please log in to post a comment

Log in with GitHub

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