Skip to content

The Random Quote Machine is a captivating React-based web app that fetches and displays thought-provoking quotes from an API. With a simple interface, users can effortlessly generate new random quotes or share their favorites on Twitter. Offering a blend of wisdom, functionality, and aesthetics.

Notifications You must be signed in to change notification settings

subhajitroycode/random-quote-machine

Repository files navigation

Random Quote Machine

This is a simple web application built with React that displays random quotes. It fetches a collection of quotes from an external API and displays them one at a time. The user can click a button to generate a new random quote, and there's also a button to tweet the current quote.

Features

  • Fetches quotes from an API
  • Displays a random quote with author
  • Allows users to generate a new random quote
  • Provides a button to tweet the current quote
  • Responsive design for different screen sizes

Technologies Used

  • React
  • React Hooks (useState, useEffect)
  • Fetch API
  • Font Awesome (for icons)
  • CSS

Getting Started

  1. Clone the repository: git clone https://github.com/subhajitroycode/random-quote-machine.git
  2. Navigate to the project directory: cd random-quote-machine
  3. Install dependencies: npm install
  4. Run the application: npm run dev
  5. Open your web browser and visit http://localhost:5173 to see the Random Quote Machine in action.

Usage

  • Click the "New Quote" button to generate a new random quote.
  • Click the Twitter icon button to open a new Twitter window and tweet the current quote.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

Acknowledgments

About

The Random Quote Machine is a captivating React-based web app that fetches and displays thought-provoking quotes from an API. With a simple interface, users can effortlessly generate new random quotes or share their favorites on Twitter. Offering a blend of wisdom, functionality, and aesthetics.

Topics

Resources

Stars

Watchers

Forks