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.