Random Quote Machine

Overview

This project is part of my entries to the FreeCodeCamp Front End Development Libraries Certification. It's a "Random Quote Machine" designed to be functionally similar to the Random Quote Machine example provided by FreeCodeCamp. It allows users to view random quotes with author information and share them on Twitter.

Stack

• Frontend Framework: React
• Styling: Bootstrap (extended with SASS)
• API Integration: Axios

UI Style

• Glassmorphism

Features

• Display a random quote on page load.
• Allow users to request a new random quote with a button click.
• Display the author of the quote.
• Share the quote on Twitter.

Usage

Build Instructions

1. Clone the repository to your local machine.

   git clone https://github.com/RifkiSalim/FCC-Cert_QuoteMachine.git

2. Navigate to the project folder.

3. Install project dependencies.

   npm install

4. Build the project.

   npm run build

5. Serve the app

   npm i -g serve
   serve -s build

6. Enjoy a random quote with a stylish design!

Development Instructions

1. Clone the repository to your local machine.

   git clone https://github.com/RifkiSalim/FCC-Cert_QuoteMachine.git

2. Navigate to the project folder.

3. Install project dependencies.

   npm install

4. Start the development server.

   npm start

5. Open your web browser and access the development server's URL (usually http://localhost:3000) to view and work on the project.

License

Please consult LICENSE.md for information on how this project is licensed.

If you have any questions or suggestions, please feel free to contact me.

Cheers!
Rifki Salim