Skip to content

Siddharth263/advice-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 

Repository files navigation

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

Advice Image

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

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published