Skip to content

Project 1 of the Treehouse Full-Stack Tech Degree. This Random Quote Generator displays random quotes every 15 seconds on a timed interval or when clicked.

Notifications You must be signed in to change notification settings

mensahtribe/randomQuoteGeneratorProject1TechDegree-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Treehouse-Techdegree-Project1-RandomQuoteGenerator

My First Treehouse Full Stack JavaScript Tech Degree Project You'll use your growing knowledge of basic JavaScript syntax, variables, loops, conditionals, functions and object literals to:

Build the array of quote objects to store the quotes. Write your own functions for selecting random quotes from the array and printing them to the screen. This project is a fun and effective way for you to practice basic JavaScript skills while also creating a simple interactive portfolio piece to showcase your understanding of JavaScript fundamentals.

Create an array of JS objective which contains qoutes:

  • Developed skills using JavaScript Loops
  • Developed skills using JavaScript Arrays
  • Developed skills using JavaScript Object Literals
  • Developed skills declaring variables with Let and Const

Array of Objects:

Exceeds Expectations

  • Array of Objects

  • is named quotes

  • contains at least 5 quote objects.

  • is free of errors that prevent the code from running.

Object Properties

Exceeds expectations if meets expectations plus all of the following are true:

  • All objects have quote and source properties.

  • At least one object has citation property.

  • At least one object has year property.

  • At least one object has at least one additional property, such as tags.

  • At least one additional property prints to the page with the its (tags property) quote.

Create a function named getRandomQuote

getRandomQuote function:

  • is named getRandomQuote:

  • returns a random object from the quotes array.

Create a function named printQuote :

printQuote function:
  • is named printQuote.

  • calls the getRandomQuote function.

  • prints a quote and a source property with every quote.

  • prints a citation property with at least one quote.

  • prints a year property with at least one quote.

  • printed quotes match the format, layout and styles of the example quote in the index.html file.

  • Quotes automatically refresh at regular intervals.

  • Background color changes to a random color each time the quote refreshes.

Code comments :

  • provided their own code comments.

About

Project 1 of the Treehouse Full-Stack Tech Degree. This Random Quote Generator displays random quotes every 15 seconds on a timed interval or when clicked.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published