Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Advice generator app (MVC architecture, ES6 classes and modules)

accessibility, bem, sass/scss, parcel
Yari Morcus•500
@YariMorcus
A solution to the Advice generator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I do not have any questions but I must say that I learned quite a lot with this project.

A couple of things I learned are

  1. How to work with ES6 classes and modules
  2. How to work with a zero configuration build tool such as Parcel
  3. How to implement the MVC (model-view-controller) architecture in JavaScript
  4. How to implement the Publisher-Subscriber pattern
  5. How to write documentation for functions
  6. How to implement a project configuration file and use it throughout the project

Another thing I created as well is a flowchart. This is something I learned from a previous course I followed on Udemy (so I decided to create one on my own this time).

Feedback on the implementation of the MVC architecture as the error handling is welcome.

----------

As a sidenote: as soon as the user presses the button, the button disables for 2 seconds. The API returns the same advice within that time period and this might confuse the user if the user presses the button again.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Yari Morcus's solution.

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
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