Google Clone with Ads | Full Stack Application w/ CRUD using React, Node, Express, MongoDB, Mongoose, Axios, API, deployed w/AWS EC2
Technologies used: React, Node, Express, MongoDB, Mongoose, Axios, API, HTML, CSS, JS, Material UI, Bootstrap, AWS EC2, AWS Route 53
- Built a Google clone using Google's Custom Search API. Demonstrate proficiency with using APIs.
- Google simulated pay per click advertisements can be created, read, updated, deleted on the advertisement dashboard.
- Full Stack Application with full CRUD using Restful routing via MongoDB and Mongoose. Deployed w/AWS EC2.
- These advertisements are rendered when visitors are searching the web.
- Bid for placement is set. Ads are displayed via math.random and then ranked based on highest bidder.
- When clicked the total clicks increments and the amount billed accrues.
- Advertisement dashboard displays a live preview of the ad in real time as it is created/edited via useState.
- Advertisement status can be toggled between Active and Paused in which they will not be delivered.
- All styling done manually for Google Home and Search pages to demonstrate CSS proficiency.
- useContext and Created a custom hook for the Search Engine API call.
- Material UI for Google Icons to make the front end pages resemble Google Search as accurately as possible.
Please disable adblocker when visiting the site as it may actually block these ads from rendering on the page.
http://googleclone.com http://54.183.210.137 AWS EC2 Deployed
googleclonewithads.mp4
"# googleclonewithads"