Hello, everyone! My name is Parag. Recently, I created this amazing Google Search clone using Angular and Tailwind CSS with the Google API.
- Home Page: Similar to the Google homepage, featuring an input field for search.
- Search Results: When you type a query (e.g., "John Cena") and hit enter, you navigate to the search results page.
- Navigation Bar: Includes a logo, an input field for search, icons, and a small profile image on the right.
- Tabs: Three tabs available - All, Images, and Videos.
- Results: Displays 10 results per page.
- Show More Button: Click to load 10 more results.
- Link Tabs: Titles and descriptions of search results.
- Details Section: Information about the search item such as name, website, images, description, birthdate, and more.
- Loading: Displays 10 images with awesome loading effects.
- Video Links: Displays 10 video links with images and names.
- Navigation: Click a link to navigate to the YouTube video page.
Our website is fully responsive on both mobile and desktop devices.
- Navigate to the home page.
- Type "John Cena" in the input field and hit enter.
- View the search results with detailed information and additional functionalities.
- Navigate to the home page.
- Type "WWE" in the input field and hit enter.
- View the search results similar to Google.
I hope you guys like this project. Keep supporting, and thank you for watching!
- Angular
- Tailwind CSS
- Google API
- Clone the repository:
git clone https://github.com/your-username/google-search-clone.git
cd google-search-clone Install dependencies:
3.npm install Run the application:
4.ng serve Open your browser and navigate to http://localhost:4200. Contributing Contributions are welcome! Please feel free to submit a Pull Request.
License This project is licensed under the MIT License.
Note: Replace https://github.com/your-username/google-search-clone.git with your actual GitHub repository URL.
