LAP 1 Code Challenge - Google Clone

---

Installation & Usage

Installation

• Clone or download the repo.
• Open the terminal and navigate to server folder.
• Run npm install to install dependencies.

Usage

• In server folder, run npm start to launch server

---

Changelog

client folder

• index.html

  • Created Google clone setup for the search page

• results.html

  • Created Google clone setup for the results page

• script.js

  • Added functionality for search event
  • Added switch functionality for API/Google search

• style.css

  • Completed design to reassemble Google

server folder

• app.js

  • Created necessary endpoints -[x] Added random search functionality

• data.js

  • Added API data

• index.js

  • Created server

Bugs

None as far as we can tell

Wins & Challenges

Wins

• Linked front-end to back-end successfully
• Linked our own API, as well as Google search API
• Extracted the right data from the APIs and displayed them on the screen in Google search like format
• Added functionality to multiple buttons and the enter key to search
• Add a switch to change between each API
• Added feeling lucky button that takes us to a random page from our own API
• Deleted current elements and added new ones on additional button clicks

Challenges

• Changing multiple elements to add a new style