En el video, mostré cómo construir un Chatbot Google Gemini usando HTML CSS y JavaScript. Los usuarios chatean con el chatbot Gemini, copian respuestas y alternan entre temas claros y oscuros. Los temas y chats se guardan en el almacenamiento local del navegador, por lo que persisten incluso después de actualizar la página.

Este proyecto utiliza la API gratuita de Google Gemini para generar respuestas, que se muestran con un efecto de escritura después de una atractiva animación de carga, al igual que Gemini.

️ Obtenga solo imágenes de este chatbot Gemini
https://codingnepalweb.com/custom-projects/gemini-clone-html-css-javascript-images.zip

️ Obtenga el código fuente de este chatbot Gemini
https://buymeacoffee.com/codingnepal/e/281135

Visite CodingNepal para proyectos de codificación útiles
https://www.codingnepalweb.com

Contratame en Fiverr
https://www.fiverr.com/prakashahi

Sígueme en Instagram
https://www.instagram.com/coding.np

Apoya mi trabajo con un café.
https://buymeacoffee.com/codingnepal

Marcas de tiempo
0:00 Demostración del clon de Géminis
2:52 Comenzando con HTML y CSS
20:29 Creando lista de chat
26:03 Creando animación de carga
30:19 Entrando en JavaScript
31:34 Manejo de mensajes salientes
35:55 Manejo de la animación de carga
38:30 Configuración de la API gratuita de Google Gemini
45:40 Mostrando la respuesta como efecto de escritura
48:45 Trabajando en el botón Copiar mensaje
51:07 Trabajando en el botón Alternar tema
1:02:27 Trabajando en el botón Eliminar chat
1:06:16 Respuestas a sugerencias destacadas
1:10:12 Manejo de errores y estilo

Crédito musical:
Ikson – Somos libres [Oficial]
https://youtu.be/DnPUq5qBZxk

#html #css #javascript #chatbot #géminis

Aproveche la oportunidad para conectarse y compartir este video con sus amigos y familiares si lo encuentra útil.