¿Alguna vez has querido construir algo pero no tenías idea de qué hacer? Así como los autores a veces tienen un "bloqueo de escritores", también ocurre con los desarrolladores. ¡Esta lista pretende resolver este problema de una vez por todas! ?
Estas aplicaciones son:
¿Excelente para mejorar tus habilidades de codificación?;
genial para experimentar con nuevas tecnologías?;
¿Excelente para agregar a su cartera e impresionar a su próximo empleador/cliente?;
¿Excelente para usar como ejemplos en tutoriales (artículos o videos)?;
¿Fácil de completar y también fácilmente ampliable con nuevas funciones?;
¡Esta no es solo una simple lista de proyectos, sino una colección que describe cada proyecto con suficiente detalle para que puedas desarrollarlo desde cero!
Cada proyecto tiene las siguientes características :
Un objetivo claro y descriptivo;
Una lista de historias de usuarios que deben implementarse (estas historias actúan más como una guía que como una lista forzada de tareas pendientes . Siéntase libre de agregar sus propias historias si lo desea);
Una lista de características adicionales que no solo mejoran el proyecto base, sino también tus habilidades al mismo tiempo (son opcionales y deben intentarse solo después de haber completado las historias de usuario requeridas)
Todos los recursos y enlaces para ayudarte a encontrar lo que necesitas para completar el proyecto.
Aquí puedes ver un vídeo sobre este repositorio.
Los proyectos se dividen en tres niveles según el conocimiento y la experiencia necesarios para completarlos.
Nivel | Perfil de desarrollador |
---|---|
1 | Desarrolladores en las primeras etapas de su viaje de aprendizaje. Aquellos que normalmente se centran en la creación de aplicaciones orientadas al usuario. |
2 | Desarrolladores en una etapa intermedia de aprendizaje y experiencia. Se sienten cómodos con UI/UX, utilizando herramientas de desarrollo y creando aplicaciones que utilizan servicios API. |
3 | Desarrolladores que tienen todo lo anterior y están aprendiendo técnicas más avanzadas, como implementar aplicaciones backend y servicios de bases de datos. |
Nuevo proyecto
Nombre | Breve descripción | Nivel |
---|---|---|
Bin2Dec | Conversor de números binarios a decimales | 1-principiante |
Vista previa del radio del borde | Vista previa de cómo los valores de radio de borde de CSS3 afectan a un elemento | 1-principiante |
Calculadora | Calculadora | 1-principiante |
luces de navidad | Simula una cadena de luces navideñas. | 1-principiante |
Aplicación causa efecto | Haga clic en el elemento de la lista para mostrar los detalles del elemento | 1-principiante |
Ciclo de color | Realizar un ciclo de un valor de color a través de cambios incrementales | 1-principiante |
Temporizador de cuenta regresiva | Temporizador de cuenta regresiva del evento | 1-principiante |
Aplicación CSV2JSON | Conversor de CSV a JSON | 1-principiante |
Dólares a Centavos | Convertir dólares a centavos | 1-principiante |
Variables CSS dinámicas | Cambiar dinámicamente la configuración de las variables CSS | 1-principiante |
Primera aplicación de base de datos | ¡Tu primera aplicación de base de datos! | 1-principiante |
Voltear imagen | Cambiar la orientación de las imágenes en dos ejes. | 1-principiante |
Estado de GitHub | Mostrar el estado actual de GitHub | 1-principiante |
Hola | Saludo en idioma nativo del usuario | 1-principiante |
Simulador de buzón de IoT | Utilice devoluciones de llamada para revisar su correo postal | 1-principiante |
Validación de entrada JS | Script para validar las entradas ingresadas por un usuario usando RegEx | 1-principiante |
Aplicación JSON2CSV | Convertidor de JSON a CSV | 1-principiante |
Valor clave | Valores de eventos de teclado | 1-principiante |
Generador Lorem Ipsum | Generar texto de marcador de posición de lorem ipsum | 1-principiante |
Aplicación de notas | Crear un bloc de notas en línea | 1-principiante |
Regresión de Pearson | Calcular el coeficiente de correlación para dos conjuntos de datos. | 1-principiante |
Reloj Pomodoro | Temporizador de tareas para ayudar a la productividad personal | 1-principiante |
Página de inicio del producto | Muestre los detalles del producto para posibles compradores. | 1-principiante |
Aplicación de prueba | Pon a prueba tus conocimientos respondiendo preguntas | 1-principiante |
Aplicación de recetas | Receta | 1-principiante |
Generador de comidas aleatorias | Generar comidas aleatorias | 1-principiante |
Generador de números aleatorios | Generar números aleatorios entre rangos. | 1-principiante |
Convertidor romano a decimal | Convertir números romanos a decimales | 1-principiante |
Diseño deslizante | Mostrar imágenes usando un control deslizante | 1-principiante |
Aplicación de cronómetro | Contar el tiempo dedicado a las actividades. | 1-principiante |
Verdadero o falso | Identificar el resultado de una comparación condicional. | 1-principiante |
Cifrado Vigenère | Cifrar texto usando Vigenere Cypher | 1-principiante |
sensación térmica | Calcular el factor de sensación térmica a partir de una temperatura real | 1-principiante |
Frecuencia de palabras | Calcular la frecuencia de palabras en un bloque de texto. | 1-principiante |
Aplicación del tiempo | Obtenga la temperatura, las condiciones climáticas de una ciudad. | 1-principiante |
Nombre | Breve descripción | Nivel |
---|---|---|
Máscaras de bits | Uso de máscaras de bits para condiciones | 2-Intermedio |
Aplicación Buscador de libros | Buscar libros por múltiples criterios | 2-Intermedio |
Calculadora CLI | Crea una calculadora básica cli. | 2-Intermedio |
Juego de memoria de cartas | Memoriza y combina imágenes ocultas | 2-Intermedio |
Aplicación de búsqueda de organizaciones benéficas | Encuentre una organización benéfica global para donar | 2-Intermedio |
Extensión del tema de Chrome | Crea tu propia extensión de tema de Chrome. | 2-Intermedio |
Convertidor de moneda | Convierte una moneda a otra. | 2-Intermedio |
Aplicación de dibujo | Crear obras de arte digitales en la web | 2-Intermedio |
Aplicación Traductor de emojis | Traducir oraciones a Emoji | 2-Intermedio |
Aplicación Tarjetas didácticas | Revisa y prueba tus conocimientos a través de Flash Cards | 2-Intermedio |
Aplicación Flip Art | Animar un conjunto de imágenes. | 2-Intermedio |
Aplicación de sugerencias de juegos | Crea encuestas para decidir qué juegos jugar | 2-Intermedio |
Perfiles de GitHub | Una aplicación de búsqueda de usuarios de GitHub | 2-Intermedio |
Juego HighStriker | Juego de carnaval de hombre fuerte Highstriker | 2-Intermedio |
Escáner de imágenes | Aplicación de escáner de imágenes | 2-Intermedio |
Vista previa de rebajas | Vista previa del texto formateado en rebajas con sabor a GitHub | 2-Intermedio |
Generador de tablas de rebajas | Convertir una tabla en texto con formato Markdown | 2-Intermedio |
Editor de matemáticas | Un editor matemático para uso de los estudiantes. | 2-Intermedio |
Aplicación Generador de memes | Crear memes personalizados | 2-Intermedio |
Generación de nombres utilizando RNN | Generar nombres usando el conjunto de datos de nombres | 2-Intermedio |
Generador de contraseñas | Generar contraseñas aleatorias | 2-Intermedio |
Directorio de podcasts | Directorio de podcasts favoritos | 2-Intermedio |
Generador de insignias de código QR | Codificar la información de la insignia en un código QR | 2-Intermedio |
Ayudante de expresiones regulares | Probar expresiones regulares | 2-Intermedio |
Aplicación de recibos de ventas | Registrar recibos de ventas en una base de datos | 2-Intermedio |
Tienda en línea sencilla | Tienda en línea sencilla | 2-Intermedio |
Generador de soporte deportivo | Generar un diagrama de soporte deportivo | 2-Intermedio |
Arte de cuerdas | Una animación de hilos de colores en movimiento. | 2-Intermedio |
Este o aquel juego | Este o aquel juego | 2-Intermedio |
Zona horaria Slackbot | Mostrar zonas horarias del equipo | 2-Intermedio |
Aplicación de tareas pendientes | Administrar tareas pendientes personales | 2-Intermedio |
Práctica de mecanografía | Práctica de mecanografía | 2-Intermedio |
Aplicación de votación | Aplicación de votación | 2-Intermedio |
Nombre | Breve descripción | Nivel |
---|---|---|
Robot acorazado | Crea un bot de Discord que juegue Battleship | 3-Avanzado |
Motor de juego de acorazado | Crea un motor invocable para jugar el juego Battleship | 3-Avanzado |
Juego de Bots Boole | Lucha contra robots impulsados por el álgebra booleana | 3-Avanzado |
Calendario | Crea tu propio calendario | 3-Avanzado |
Contador de calorías | Aplicación de nutrición de contador de calorías | 3-Avanzado |
Aplicación de chat | Interfaz de chat en tiempo real | 3-Avanzado |
Aplicación de seguimiento de contribuciones | Seguimiento de los fondos donados a organizaciones benéficas | 3-Avanzado |
Ascensor | Simulador de ascensor | 3-Avanzado |
Simulador de comida rápida | Simulador de restaurante de comida rápida | 3-Avanzado |
Clon de Instagram | Un clon de la aplicación Instagram de Facebook | 3-Avanzado |
Cronología de GitHub | Generar una línea de tiempo de los repositorios de GitHub de un usuario | 3-Avanzado |
Felicitaciones a Slackbot | Dar reconocimiento a un compañero que lo merece | 3-Avanzado |
Aplicación de película | Explora, encuentra calificaciones, consulta actores y encuentra la próxima película para ver | 3-Avanzado |
Biblioteca MiPodcast | Crea una biblioteca de podcasts favoritos | 3-Avanzado |
Consulta de exoplanetas de la NASA | Consulta el archivo de exoplanetas de la NASA | 3-Avanzado |
Juego de conchas | Juego de conchas animado | 3-Avanzado |
Barajar baraja | Evaluar diferentes algoritmos para barajar una baraja de cartas. | 3-Avanzado |
Archivador flojo | Archivar mensajes flojos | 3-Avanzado |
Aplicación Deletrear | Una vuelta de tuerca al clásico juego Speak N Spell | 3-Avanzado |
Aplicación de encuesta | Definir, realizar y ver una encuesta | 3-Avanzado |
Estamos planeando agregar más y más proyectos a este repositorio. ¡Para esto necesitamos tu ayuda! Descubra cómo contribuir a continuación. ?
También estamos planeando crear un sitio web donde pueda navegar fácilmente por todos los proyectos.
Cualquier contribución es muy apreciada. Puedes contribuir de dos maneras:
Crea un problema y cuéntanos tu idea. Asegúrese de utilizar la etiqueta de nueva idea en este caso;
Bifurca el proyecto y envía un PR con tu nueva idea. Antes de hacerlo, asegúrese de leer y seguir la Guía de contribuciones;
También puede agregar sus propios ejemplos a los proyectos una vez que los haya completado. ¡Te animo encarecidamente a que hagas esto, ya que mostrará a otros las cosas maravillosas que se construyeron! ?
Si la información de este repositorio fue útil para usted de alguna manera, asegúrese de darle una estrella, de esta manera otros podrán encontrarla y beneficiarse también. ¡Juntos podemos crecer y mejorar nuestra comunidad! ?
¿Tiene alguna sugerencia sobre cómo podríamos mejorar este proyecto en general? ¡Háganos saber! ¡Nos encantaría escuchar tus comentarios!
Florin Pop : Twitter - Canal de YouTube - sitio web.
Jim Medlock : Twitter - artículos
Como beneficio adicional, creé el desafío #100Days100Projects. Puedes encontrar allí 100 ideas más de proyectos más pequeños. ¡Disfrutar! ?