Welcome to the Advice Generator! This is a simple web application built with React and Tailwind CSS that provides random pieces of advice to users. Whether you're looking for inspiration, motivation, or just a bit of wisdom, this generator has got you covered.
- Random Advice: Get a new piece of advice every time you click the button.
- Modern UI: A sleek and responsive user interface designed with Tailwind CSS.
- Fast and Lightweight: Built with React for a smooth and efficient user experience.
- Responsive Design: Works seamlessly on both desktop and mobile devices.
- Make sure you have Node.js installed on your machine.
-
Clone the Repository:
git clone https://github.com/mouleshgs/advice-generator.git
-
Navigate to the Project Directory:
cd advice-generator- Install Dependencies:
npm install- Run the Development Server:
npm run dev- Open the Application:
The app will be running on http://localhost:5173 (or another port if specified).
Open your browser and navigate to the URL to view the app.
- Generate Advice:
Click the "Get New Advice" button to receive a random piece of advice.
React: A JavaScript library for building user interfaces.
Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
Vite: A fast build tool for modern web development.
Advice Slip API: Used to fetch random advice.