frontend google clone

  • slider image 1
  • slider image 2
  • slider image 3
  • slider image 4
  • slider image 5
  • slider image 6
  • slider image 7
  • slider image 8
  • slider image 9
  • slider image 10
16/06/23

This project was my first attempt at cloning a website and I chose Google specifically as it seemed simple to clone because I wanted a small project to do over the weekend. However, I quickly realized that I had underestimated this project, as it had many complex components such as the recommended drop-down search results, as well as the search-by-image and search-by-voice features. The hardest part was the recommended drop-down search results as it required a lot of JavaScript which I wasn’t so comfortable using at the time. Annoyingly, a couple of days after I finished the project the actual Google website was visually updated being the Google apps and Google account drop-down sections. Overall it gave me quite a challenge and it took me around 3 weeks to complete because it had many complex components as previously mentioned and it was created alongside my Fromhardware e-commerce project. From it, I improved my JavaScript DOM manipulation, and HTML structuring, as well as my CSS flexbox and element positioning.

features

  • Fully responsive to suit tablet and mobile screens.
  • Created using Flex-box.
  • Contains many complex components such as the account, app and settings dropdown menus, and the search bar with its seach by image and voice feature.
  • Identical Google Clone as of July 2023, with all links functional such as the apps within the dropdown menu.
html
css
javascript