This is a Google Clone, which allows you to perform searches just like in the original Google search engine.
-
Search Box / Cuadro de búsqueda: You can enter your search queries in the search box and click on the "Search" button to get relevant results. / Puedes ingresar tus consultas de búsqueda en el cuadro de búsqueda y hacer clic en el botón "Buscar" para obtener resultados relevantes.
-
Real-time Search / Búsqueda en tiempo real: As you type in the search box, the Google Clone will suggest related search queries, just like Google. / A medida que escribes en el cuadro de búsqueda, el Clon de Google sugerirá consultas de búsqueda relacionadas, al igual que lo hace Google.
-
Open the "index.html" file in your preferred web browser. / Abre el archivo "index.html" en tu navegador web preferido.
-
In the search box, enter your search query. / En el cuadro de búsqueda, ingresa tu consulta de búsqueda.
-
Click on the "Search" button or press the "Enter" key to get results. / Haz clic en el botón "Buscar" o presiona la tecla "Enter" para obtener resultados.
-
HTML5: For the structure and content of the page. / Para la estructura y el contenido de la página.
-
SCSS: For styles and visual presentation of the page. SCSS files have been precompiled to CSS for use in this project. / Para los estilos y la presentación visual de la página. Los archivos SCSS se han compilado previamente a CSS para su uso en este proyecto.
-
JavaScript: For the real-time search functionality. / Para la funcionalidad de búsqueda en tiempo real.
If you want to make changes to styles using SCSS, follow these steps to compile the files to CSS: / Si deseas realizar cambios en los estilos utilizando SCSS, sigue estos pasos para compilar los archivos a CSS:
-
Make sure you have SCSS compiler (Sass) installed on your computer. You can get it from https://sass-lang.com/install. / Asegúrate de tener instalado el compilador de SCSS (Sass) en tu computadora. Puedes obtenerlo en https://sass-lang.com/install.
-
Make your modifications to the SCSS files located in the "styles" folder. For example, you can edit "styles/main.scss" to make general style changes. / Realiza tus modificaciones en los archivos SCSS ubicados en la carpeta "styles". Por ejemplo, puedes editar "styles/main.scss" para realizar cambios generales en los estilos.
-
Open a terminal or command prompt and navigate to the project folder. / Abre una terminal o línea de comandos y navega hasta la carpeta del proyecto.
-
Run the following command to compile the SCSS files to CSS: / Ejecuta el siguiente comando para compilar los archivos SCSS a CSS:
sass styles/main.scss styles/main.cssThis will generate a "main.css" file in the "styles" folder with the compiled styles. / Esto generará un archivo "main.css" en la carpeta "styles" con los estilos compilados.
This project is for educational and learning purposes only. Google is a registered trademark of Google LLC. We are not affiliated with Google and do not intend to represent ourselves as such. The Google Clone presented here is a simplified representation and does not include all features and functionalities of the original search engine. / Este proyecto es solo con fines educativos y de aprendizaje. Google es una marca registrada de Google LLC. No estamos afiliados a Google ni pretendemos representarnos como tal. El Clon de Google aquí presentado es una representación simplificada y no incluye todas las características y funcionalidades del motor de búsqueda original.
If you find any issues or have ideas to improve this Google Clone, we would be happy to receive your contributions! Feel free to fork this repository, make your changes, and send a pull request. / Si encuentras algún error o tienes ideas para mejorar este Clon de Google, ¡estaremos encantados de recibir tus contribuciones! Siéntete libre de hacer un fork de este repositorio, hacer tus cambios y enviar un pull request.
We hope you enjoy exploring and using this Google Clone. Happy searching! / Esperamos que disfrutes explorando y utilizando este Clon de Google. ¡Feliz búsqueda!