Skip to content

A simple and elegant random quote generator built with React, TypeScript, and Tailwind CSS. Fetches and displays inspirational quotes, and allows users to share them on Twitter. The UI features a dynamic color scheme that changes with each new quote.

Notifications You must be signed in to change notification settings

Ayokanmi-Adejola/Random-Quote-Machine

Repository files navigation

Random Quote Machine

This is a simple web application that displays random quotes and allows you to share them on Twitter. The background color of the page also changes every time a new quote is generated

image

Features

  • Display Random Quotes: Shows a new quote from a curated list each time the "New Quote" button is clicked.
  • Tweet Quotes: Allows you to share the current quote on your Twitter feed.
  • Dynamic Background Colors: The background color of the page changes with each new quote.
  • Responsive Design: The application is designed to work well on different screen sizes.

Technologies Used

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js installed on your machine.

Installation

  1. Clone the repo
    git clone https://github.com/Ayokanmi-Adejola/Random-Quote-Machine
  2. Install NPM packages
    npm install
  3. Start the development server
    npm run dev
  4. Open your browser and navigate to http://localhost:5173/

About

A simple and elegant random quote generator built with React, TypeScript, and Tailwind CSS. Fetches and displays inspirational quotes, and allows users to share them on Twitter. The UI features a dynamic color scheme that changes with each new quote.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published