Random-Quote-Machine

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.

#mobile-first-workflow#react18#tailwindcss#typescript#vite

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 13Stars

⑂ 0Forks

◯ 0Open issues

◉ 13Watchers

README preview

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

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

Clone the repo

git clone https://github.com/Ayokanmi-Adejola/Random-Quote-Machine

Install NPM packages
```
npm install
```
Start the development server
```
npm run dev
```
Open your browser and navigate to http://localhost:5173/