Skip to content

SrCarlosAlonso/learning-javascript-projects

Repository files navigation

Current Projects List

  1. Calculadora Link
  2. Watch Link
  3. Blog API Link
  4. Counter using Vite Link
  5. Todo List Link
  6. Memory Game (no finished) Link
  7. Blackjack Link

Figma Files

You can also explore the Figma files for these projects. Click the link below to access them:

Figma Icon Open Figma Project


Project Ideas

Basic project ideas to practice and improve JavaScript skills.

3. Aplicación de Notas con Markdown

  • Descripción: Desarrolla una aplicación de notas donde los usuarios puedan escribir y guardar notas en formato Markdown. Usa una librería para convertir Markdown a HTML.
  • Desafíos: Edición de texto, almacenamiento local o en la nube, y conversión de Markdown.

4. Buscador de Imágenes con API

  • Descripción: Crea una aplicación que permita buscar imágenes usando una API de búsqueda de imágenes como la API de Unsplash o Pixabay. Muestra las imágenes en una galería.
  • Desafíos: Trabaja con fetch o axios para hacer solicitudes a APIs, manejo de respuestas y actualización del DOM.

5. Calculadora de Índice de Masa Corporal (IMC)

  • Descripción: Desarrolla una calculadora que permita al usuario ingresar su peso y altura, y calcule su índice de masa corporal (IMC) junto con una interpretación de los resultados.
  • Desafíos: Manipulación de formularios, cálculos y presentación de resultados.

6. Aplicación de Conversión de Unidades

  • Descripción: Crea una aplicación que permita convertir entre diferentes unidades de medida (por ejemplo, longitud, peso, temperatura). Incluye una interfaz para seleccionar las unidades y mostrar el resultado.
  • Desafíos: Manejo de entradas y salidas, conversión de unidades, y validación de datos.

7. Juego de Trivia o Quiz

  • Descripción: Desarrolla un juego de trivia con preguntas y respuestas. Los usuarios pueden seleccionar respuestas y obtener una puntuación final basada en sus respuestas.
  • Desafíos: Gestión de preguntas y respuestas, lógica del juego, y presentación de resultados.

8. Aplicación de Chat en Tiempo Real

  • Descripción: Implementa una aplicación de chat en tiempo real usando WebSockets o una plataforma como Firebase. Permite a los usuarios enviar y recibir mensajes instantáneamente.
  • Desafíos: Comunicación en tiempo real, manejo de mensajes y usuarios.

1. Todolist con Persistencia en Local Storage

- Descripción: Desarrolla una aplicación de lista de tareas (To-Do List) donde puedas agregar, editar y eliminar tareas. Utiliza el localStorage para guardar las tareas y que se mantengan después de recargar la página. - Desafíos: Trabaja con manipulación del DOM, almacenamiento local, y eventos de formulario.

2. Juego de Memoria (Memory Game)

- Descripción: Crea un juego de memoria donde el usuario debe encontrar pares de cartas idénticas. Implementa lógica para verificar pares y contar los intentos. - Desafíos: Manipulación del DOM, gestión de estados del juego, y lógica de emparejamiento.

About

Basic project ideas to practice and improve JavaScript skills.

Topics

Resources

Stars

Watchers

Forks

Contributors