Create app UI - Githubissues

KokkieH / random-quote-spa

Single-page web app for a random quote generator

0 stars 0 forks source link

Create app UI #2

Closed KokkieH closed 2 years ago

KokkieH commented 2 years ago

Completes the markup task in #1

This PR does the following:

Adds media files in the app /src folder
Creates the HTML markup, including an interactive image that will serve as the clickable element to display a new quote (for now clicking it merely displays a notice in the browser)
Adds CSS styling.

Testing instructions

Check out this branch on your local environment
In the folder, /random-quote-spa/random-quote-generator run npm install
run npm start
View the app at http://localhost:3000/
The app should appear like this (for now it will only display a static quote):

Random_Quote_Generator_and_App_js_—_random-quote-spa

The "inkpot" button should dip the quill on hover:

Random_Quote_Generator

Also make sure the button is clickable. When clicked, it should display a notice in the browser like this: