🧠 Random Advice Generator – React App

This is a simple and responsive React application that fetches random advice from the Advice Slip API and displays it to the user. It features a "Give me advice" button that, when clicked, fetches and displays a new piece of advice.

---

🚀 Live Demo

[Here is the Live demo of the simple Random Advice Generator
(https://random-advices-neon.vercel.app/)

---

✨ Features

• 🔁 Fetches random advice from an API
• 🖱️ "Give me advice" button to get new advice on demand
• 💡 Loading indicator while fetching
• ✅ Fully responsive layout
• 🎨 Simple and clean hover & active button styles

---

🛠️ Tech Stack

• React.js (v18+)
• Axios – for making API requests
• No additional libraries (yet) – future styling improvements may include Tailwind CSS

---

📦 Getting Started Locally

To run this project on your local machine:

1. Clone the repo:

   git clone https://github.com/ibsa-a1/Random-Advice-Generator-React-App.git

2. Navigate to the project directory:

   cd Random-Advice-Generator-React-App

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Visit the app in your browser:

   http://localhost:3000/
   

---

🎯 Purpose

This project was built as part of my React learning journey. It helped me practice:

• Using components
• Making HTTP requests with Axios
• Handling loading states
• Structuring a simple React app

---

🙋‍♂️ Author

Built by Ibsa Abera
GitHub Profile »

---

🔗 API Reference

• Advice Slip JSON API