/quote-generator

The Random Quote Generator - an open-source project built with React JS for generating random quotes (September 2023)

Primary LanguageCSS

React Quote Generator

This project represents my first React application, which allows users to get quotes and advice from a quote generator.

How to Use the Application

  1. Displaying the Current Quote: Upon opening the application, you will see the current quote of the day, which is automatically generated from our database of quotes.

  2. Fetching a New Quote: By clicking the "Give Me Advice" button, you can receive a new randomly selected quote from our database.

  3. Choosing Quotes of the Day: If you want to save a particular quote of the day that you find inspiring, simply click the heart icon next to the quote. This will make that quote your personal quote of the day and it will be displayed every time you open the application.

Technical Details

  • The application is built using the React framework.
  • Quotes are obtained from a quote generator and displayed on the homepage.
  • The functionality of saving quotes of the day is achieved using React's state management system.
  • The design of the application is simple and user-friendly.

How to Run the Project Locally

  1. Clone this GitHub repository to your computer.
  2. In the terminal, navigate to the project directory.
  3. Run the npm install command to install all dependencies.
  4. Run the npm start command to start the development server.
  5. Open your web browser and visit http://localhost:3000 to use the application locally.

Author

This application was created by Izet Delibasic as a first React project.

If you have any questions or suggestions, please feel free to contact the author at izetdelibasic55@gmail.com.

Enjoy using the application!