¡Bienvenido a mi colección de proyectos HTML, CSS y JavaScript! Esta publicación de blog proporciona una descripción general completa de varios proyectos que he creado y muestra diferentes aspectos del desarrollo web. Cada proyecto está disponible en su propio repositorio, que incluye todo el código que necesitará para explorar y aprender.

Tabla de contenido

• Introducción
• Descripción general del proyecto
• Empezando
• Contribuyendo
• Autor

Introducción

Como desarrollador web, disfruto trabajando en una variedad de proyectos que me ayudan a perfeccionar mis habilidades en HTML, CSS y JavaScript. Desde calculadoras simples hasta aplicaciones más complejas, estos proyectos demuestran diferentes técnicas y mejores prácticas en desarrollo web. A continuación, encontrará una lista seleccionada de proyectos, cada uno con un enlace a su respectivo repositorio de GitHub.

Descripción general del proyecto

Aquí hay un resumen de los proyectos en los que he trabajado:

1. Noticias Abhi ki

   • Una aplicación de noticias que agrega y muestra los titulares más recientes.
   • Ver código

2. Generador de consejos

   • Genera consejos aleatorios para brindar a los usuarios sugerencias útiles.
   • Ver código

3. Calculadora de edad

   • Una herramienta para calcular la edad según la fecha de nacimiento ingresada.
   • Ver código

4. Reloj analógico

   • Muestra un reloj analógico funcional usando JavaScript.
   • Ver código

5. Tarjeta de artículo

   • Un componente de tarjeta estilizado para mostrar artículos.
   • Ver código

6. Calculadora de IMC

   • Calcula el índice de masa corporal según la entrada del usuario.
   • Ver código

7. Temporizador de cuenta atrás

   • Un temporizador que cuenta regresivamente hasta una fecha y hora específicas.
   • Ver código

8. Simulador de tirada de dados

   • Simula tirar dados con un generador de números aleatorios.
   • Ver código

9. Batería

   • Una batería virtual que permite a los usuarios tocar diferentes sonidos de batería.
   • Ver código

10. Preguntas frecuentes sobre acordeón

    • Una sección de preguntas frecuentes estilo acordeón para sitios web.
    • Ver código

11. Lanzar moneda

    • Una simple simulación de lanzamiento de moneda.
    • Ver código

12. Céntrate en el día

    • Ayuda a los usuarios a centrarse en las tareas diarias con una interfaz de usuario enfocada.
    • Ver código

13. Hamburguesa gourmet

    • Un menú de hamburguesas elegante para sitios web relacionados con la comida.
    • Ver código

14. Calculadora de préstamos

    • Calcula los reembolsos de préstamos en función de las aportaciones del usuario.
    • Ver código

15. Formulario de inicio de sesión

    • Un formulario de inicio de sesión básico con validación de formulario.
    • Ver código

16. Calendario mensual

    • Muestra un calendario para cualquier mes determinado.
    • Ver código

17. Calculadora de hipotecas

    • Calcula los pagos de la hipoteca en función de varios datos de entrada.
    • Ver código

18. Página de inicio de noticias

    • Un diseño de página de inicio para un sitio web de noticias.
    • Ver código

19. Formulario de suscripción al boletín informativo

    • Un formulario para que los usuarios se suscriban a boletines.
    • Ver código

20. Generador de contraseñas

    • Genera contraseñas seguras con opciones personalizables.
    • Ver código

21. Temporizador Pomodoro

    • Un cronómetro para ayudar con la productividad usando la Técnica Pomodoro.
    • Ver código

22. Tarjeta de perfil

    • Un componente de tarjeta para mostrar perfiles de usuario.
    • Ver código

23. Generador de códigos QR

    • Genera códigos QR basados ​​en la entrada del usuario.
    • Ver código

24. Piedra, papel o tijera

    • Un juego de Piedra, Papel o Tijera implementado en JavaScript.
    • Ver código

25. Calculadora simple

    • Una calculadora básica para realizar operaciones aritméticas.
    • Ver código

26. Comercio electrónico de zapatillas

    • Una página de comercio electrónico para zapatillas con listados de productos.
    • Ver código

27. Convertidor de temperatura

    • Convierte temperaturas entre Celsius, Fahrenheit y Kelvin.
    • Ver código

28. Control deslizante de testimonios

    • Un componente deslizante para mostrar testimonios de usuarios.
    • Ver código

29. Generador de texto a voz

    • Convierte la entrada de texto en palabras habladas usando Web Speech API.
    • Ver código

30. Tic-Tac-Toe

    • Un clásico juego de Tic-Tac-Toe implementado en JavaScript.
    • Ver código

31. Calculadora de propinas

    • Calcula el monto de la propina según la factura y el porcentaje de propina.
    • Ver código

32

. Lista de tareas pendientes
- Una sencilla aplicación de lista de tareas pendientes para gestionar tareas.
- Ver código

1. Convertidor de peso
   • Convierte pesos entre diferentes unidades.
   • Ver código

Empezando

Para clonar y ejecutar cualquiera de estos proyectos localmente, sigue estos pasos:

1. Clonar el repositorio:

   git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git

1. Navegar al directorio del proyecto:

   cd 

1. Abre el proyecto en tu navegador: abre el archivo index.html en tu navegador para ver el proyecto en acción.

Contribuyendo

Si desea contribuir a alguno de estos proyectos, siga estas pautas:

1. Bifurcar el repositorio.
2. Crea una nueva rama para tus cambios.
3. Confirma tus cambios y envíalos a tu repositorio bifurcado.
4. Crea una solicitud de extracción con una descripción de tus cambios.

Autor

Abhishek Gurjar