💬 Advice App – React

The Advice App is a simple and responsive React application that fetches and displays random pieces of advice from the public Advice Slip API. Each time the user clicks the “Get Advice” button, a new inspirational or humorous quote is displayed.

The purpose of this project was to learn how to fetch data from external APIs using fetch(), manage asynchronous data, and update the UI dynamically in React. It also reinforced concepts like state updates and component re-rendering with user interaction.

🔗👉 click here to see the live demo--> https://nanthakumar-m.github.io/advice_app-react/

⚙️ Technologies Used

• HTML5
• CSS3
• React
• Vite (Build tool)

💡Core Features

✅ Fetches random advice from the public Advice API

✅ Displays a fresh quote each time the user clicks the button

✅ Uses fetch() and async logic inside React components

✅ Clean and minimalist interface focused on functionality

🎯 What I Gained / Concepts Practiced

✅ Practiced making API calls using JavaScript fetch() in React

✅ Learned how to manage asynchronous state updates with useState and useEffect

✅ Strengthened skills in conditional rendering and event handling

✅ Improved confidence in working with live data and external APIs

✅ Gained experience deploying API-based React apps on GitHub Pages

📸 Screenshots