This project was designed to illustrate the use of HTML, CSS, JavaScript, API, modals. It will get the information from the user within a model,will fetch to receive and provide questions and collect user input to determine whether the answers to a question are correct,this then generates a score and appends to a final page of results as a modal. 

https://github.com/darkjuanjo/Phase-1-Project

Trivia Master Website

• Two Modals
• Two APIs
• Two HTML
  • contians landing page
  • contains modals
• highschores
  • local storage
• Javascript Page * Contains: * Variables, including arrays with object * Event listeners * if/else if statements * For Loops * Functions * Local Storage

• Trivia
  • https://opentdb.com/api_config.php
• Giphy
  • https://api.giphy.com

• Responsive for iphones version
  • https://unpkg.com/[email protected]/build/grids-responsive-min.css

• https://fonts.googleapis.com/css?family=Montserrat

• max-width: 980px
  • Adjusts body and container width
• max-width: 786px
  • Adjusts body and container width
• Adjusts buttons
  • max-width: 640px
• Adjusts body and container width
  • Adjusts buttons to be centered and stacked

• Juan Jose Paz
• Rabin Raya Chhetri
• Jordana Bravo
• Mohammad Javid Moradi

• Adding timer to the Quiz App
• improve the CSS frames
• Userinput to choose category and level of diffculty

​