This is a simple and stylish mock search engine interface built using HTML, CSS, and JavaScript. It simulates the front end of a search engine where users can type a query, then click a button to open real Google search results in a new tab.
Key Features
Responsive design with a centered layout
Clickable search button that opens results on Google
Microphone icon placeholder (can be developed for speech input)
Search query typed into a sleek input bar with rounded edges
Tech Stack
HTML & CSS for layout and styling
JavaScript for interactivity and search behavior
Google Search as the backend query (via dynamic URL)
My Role
Designed and developed the front-end layout and interactions
Wrote JavaScript logic to dynamically handle search queries
Styled the form with a clean, modern input bar and icon alignment
Challenges & Solutions
Ensured the search input and mic icon were perfectly aligned using Flexbox and absolute positioning
Handled potential layout issues across screen sizes with a responsive container
Tested cross-browser compatibility to ensure the Google search opens as expected
