siddharth263 / advice-react-app

This is simple react web app to show random advices. Do check it out

React Advice App

This is a simple web application built with React that fetches random advice from the Adviceslip API and displays it on the screen. It allows users to fetch new advice by clicking a button.

Features

• Fetches random advice from the Adviceslip API.
• Displays the fetched advice on the screen.
• Allows users to fetch new advice by clicking a button.

Deployment

This project is deployed on Netlify. You can access the deployed version here.

Technologies Used

• React.js
• Axios for making HTTP requests
• Pure CSS for styling

Getting Started

To get a local copy of the project up and running on your machine, follow these steps:

1. Clone the repository to your local machine: (git clone https://github.com/Siddharth263/advice-react-app.git)
2. Navigate to the project directory: (cd react-advice-app)
3. Install the dependencies: (npm install)
4. Start the development server: (npm start)
5. Open your web browser and visit (http://localhost:3000) to view the app.

Usage

• Once the app is running, you will see a random piece of advice displayed on the screen.
• To fetch new advice, click the "GIVE ME ADVICE!" button.

Screenshots

Contributing

If you'd like to contribute to this project, please follow these guidelines:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/my-new-feature).
3. Make your changes and commit them (git commit -am 'Add some feature').
4. Push your changes to the branch (git push origin feature/my-new-feature).
5. Create a new Pull Request.

Acknowledgements

• Thanks to the Adviceslip API for providing the random advice data.