Advice Generator App

Description

This project is an Advice Generator app that provides users with random pieces of advice to inspire and motivate them.

Table of Contents

• My Process
• Built With
• What I Learned
• Preview
• Live Demo

My Process

I created a simple web application using HTML, CSS, and JavaScript. The HTML provides the structure, the CSS styles the elements, and the JavaScript fetches advice from an API and updates the display accordingly when a button is clicked.

Built With

• HTML
• CSS
• JavaScript
• Advice Slip API

What I Learned

• Fetching data from an API using JavaScript.
• Manipulating the DOM to update content dynamically based on API responses.
• Implementing basic styles using CSS to create an appealing UI, including the use of CSS variables.
• Utilizing Google Fonts to enhance typography.
• Utilizing asynchronous functions in JavaScript to handle API requests.

Preview

Live Demo

Check out the live demo here.