README.en.md

Choose your language | Escolha seu idioma

Random Advice Generator

A component that generates random advice through an API

View Demo

Table of Contents

1. About The Project
   • Built With
   • Highlights
   • Challenges and lessons learned
2. Contact

About The Project

Here when the API is called, by clicking the dice, a random advice will be generated in the page.
An API, or Application Programming Interface, is a set of rules and protocols that enables different software to communicate and interact with each other efficiently. They are essential for the development of modern applications, especially when it comes to creating complex and scalable services.

Mobile:

Running:

(back to top)

Built With

(back to top)

Highlights

This page was based on the frontendmentor challenge you can check out the challenge here.

The highlights of this component include:

• Use of API
• Responsive layout

Extras added beyond the challenge:

• Usage instructions upon initiation
• Die spins while fetching the API

(back to top)

Challenges and lessons learned

👨‍💻 The use of APIs was an excellent addition to my skills. Imagine creating advice by advice – without the application of APIs, I might have even advised myself not to create an advice page 😵.

👨‍🔧 Attention to detail is key. Even for a small component, lack of attention to details could result in a huge headache when it comes to element positioning.

🚀 Going above and beyond, the challenge was already completed, but couldn't it be made even more visually appealing? It took very little effort to add usage instructions and a page animation, and it was worth it – the clarity of the page's activity improved significantly.

In summary, I was able to learn:

• Use of APIs
• Positioning and division of responsibilities
• Code improvement for better user experience

Contact

💌 To send me a message, just use one of the buttons below!

(back to top)