projectlearn project based learning
1.0.0
Los tutoriales son geniales, pero construir proyectos es la mejor manera de aprender. ¡Realice aprendizaje basado en proyectos y aprenda código de la manera correcta!
ProjectLearn proporciona una lista seleccionada de tutoriales de proyectos en los que los alumnos crean una aplicación desde cero. Estos se dividen en diferentes categorías, a saber, desarrollo web, desarrollo móvil, desarrollo de juegos, aprendizaje automático, aprendizaje profundo e inteligencia artificial.
La lista incluye tutoriales de proyectos sobre muchos lenguajes y tecnologías en demanda, incluidos ReactJS, NodeJS, VueJS, Flutter, React Native, .NET Core, Unity, TensorFlow, OpenCV, Keras y más.
Para contribuir a esta lista, dirígete a CONTRIBUTE.md para obtener más detalles :)
| Proyecto | Tecnologías | Enlace |
|---|---|---|
| Cree e implemente una increíble cartera de desarrolladores web 3D en React.JS Tutorial de Three.js | vite, React, JavaScript, Three.js, Tailwind | Enlace |
| Aplicación de comercio rápido de pila completa con Next.Js Drizzle ORM y Cryptomus Payments | Next.js, React, JavaScript, Drizzle ORM, Cryptomus | Enlace |
| Cree una tienda de comercio electrónico completa con el panel de administración | Next.js, React, JavaScript, Tailwind, Stripe | Enlace |
| Construya un clon de Uber completo | Next.js, React, JavaScript, Tailwind, Stripe | Enlace |
| Cree e implemente una aplicación de redes sociales completa utilizando React | Reaccionar, JavaScript, HTML, CSS, viento de cola | Enlace |
| Crea tu propio clon de ChatGPT en HTML, CSS y JavaScript | HTML, CSS, JavaScript, API OpenAI, API | Enlace |
| Cree un clon de Reddit 2.0 con NextJS | Reaccionar, SQL, Supabase, Next.js, GraphQL | Enlace |
| Crea un clon de YouTube con React | Expreso, Nodo, JavaScript, HTML, CSS | Enlace |
| Cree un gráfico de barras divergentes con una biblioteca de gráficos JavaScript | JavaScript, HTML, CSS | Enlace |
| Aprenda los conceptos básicos de CSS creando un componente de tarjeta | HTML, CSS | Enlace |
| Crea un meme sin servidor como servicio | JavaScript, óxido, CSS, HTML | Enlace |
| Sitio web de pronóstico del tiempo | JavaScript, HTML, CSS, Reaccionar | Enlace |
| Sitio web acortador de enlaces | JavaScript, Vue, HTML, CSS, reaccionar | Enlace |
| Sitio web del verificador de plagio | Python, arranque | Enlace |
| Crea un tema personalizado de Google Maps | JavaScript, HTML, CSS | Enlace |
| Crea un mapa de Google con temática de Super Mario con JavaScript | JavaScript, HTML5, CSS3 | Enlace |
| Cree una aplicación de entrega impulsada por la comunidad | Python, Django, PostgreSQL, JavaScript, Mapbox | Enlace |
| Cree una aplicación de búsqueda y descubrimiento de tiendas locales | Python, Django, PostgreSQL, JavaScript, Mapbox | Enlace |
| Clon medio usando React.js y Node.js | Reaccionar, Nodo, CSS3, JavaScript, HTML5 | Enlace |
| Clonar Facebook con React JS | Reaccionar, Firebase, CSS3, JavaScript, HTML5 | Enlace |
| JavaScript30 - Desafío de codificación Vanilla JS de 30 días | javascript | Enlace |
| Mapa de lista de viajes pendientes con Gatsby y GraphCMS | Gatsby, Folleto, GraphCMS, HTML, CSS | Enlace |
| Juego de tarjetas de memoria con Vue.js | Vue, JavaScript, HTML, CSS | Enlace |
| Curso Strapi y GatsbyJS - Proyecto Portafolio | Strapi, Gatsby, JavaScript, HTML, CSS | Enlace |
| Libro de cuentos: Node, Express, MongoDB y Google OAuth | MongoDB, Nodo, JavaScript, HTML, CSS | Enlace |
| Aplicación Breathe and Relax: animaciones JavaScript y CSS | JavaScript, HTML, CSS | Enlace |
| CLI de Node.js para precios de criptomonedas | Nodo, JavaScript | Enlace |
| Galería de imágenes CSS de React y Tailwind | Reaccionar, Viento de cola, JavaScript, HTML, CSS | Enlace |
| Reloj Pomodoro usando React | Reaccionar, JavaScript, HTML, CSS | Enlace |
| Herramienta de densidad de palabras clave con Laravel desde cero | Laravel, PHP, JQuery, AJAX, SEO | Enlace |
| Clon de YouTube usando el marco PHP Yii2 | Yii2, PHP | Enlace |
| Clon de Reddit con React, GraphQL y Amplify | Reaccionar, amplificar, AWS, GraphQL, nodo | Enlace |
| Clon de Yelp completo con React y GraphQL | Reaccionar, GraphQL, HTML, CSS, JavaScript | Enlace |
| Aplicación web Pokémon con React Hooks y API de contexto | Reaccionar, HTML, CSS, JavaScript | Enlace |
| Monitor de cuenca hidrográfica usando JavaScript y Rails | Rubí, rieles, JavaScript | Enlace |
| Panel de datos climáticos usando React y Redux | Reaccionar, Redux, HTML, CSS, JavaScript | Enlace |
| Voltear tarjetas UNO usando solo CSS | HTML, CSS | Enlace |
| Aplicación de chat con Redis, WebSocket y Go | Redis, Web Socket, Go, Azure | Enlace |
| Animación de inicio de sesión de Spotify con navegación React | Reaccionar, HTML, CSS, JavaScript | Enlace |
| Interfaz meteorológica dinámica con solo CSS | HTML, CSS | Enlace |
| Aplicación CRUD simple con Airtable y Vue | Airtable, Vue, Vuetify, API, HTML | Enlace |
| Generador de personajes RPG de pila completa con pila MEVN | MongoDB, Express, Vue, Nodo, HTML | Enlace |
| Aplicación Todo con la pila PERN | PostgreSQL, Express, React, Nodo, HTML | Enlace |
| Aplicación de mapas de viajes por carretera de verano con Gatsby | Reaccionar, Gatsby, Folleto | Enlace |
| Juego de cartas multijugador con Socket.io | Phaser 3, Express, Socket.io, JavaScript | Enlace |
| Aplicación de mapas y panel de control COVID-19 con Gatsby | Reaccionar, Gatsby, Folleto | Enlace |
| Prueba de tarjetas didácticas con React | Reaccionar, API, JavaScript, HTML5, CSS3 | Enlace |
| Whack-a-Mole con JavaScript puro | JavaScript, HTML5, CSS3 | Enlace |
| Creador de memes con React | Reaccionar, JavaScript, HTML5, CSS3 | Enlace |
| Clonar Evernote con React | Reaccionar, Firebase, Nodo, JavaScript, HTML5 | Enlace |
| Aplicación de reunión de desarrolladores con Vue | Vue, Firebase, Vuetify, JavaScript, HTML5 | Enlace |
| Aplicación de chat en tiempo real con Vue | Vue, Firebase, Vuex, JavaScript, HTML5 | Enlace |
| Rastreador de criptomonedas con Vue | Vue, Vuetify, API, JavaScript, HTML5 | Enlace |
| Juego de preguntas multijugador con Vue | Vue, Pusher, Nodo, Express, JavaScript | Enlace |
| Juego Buscaminas con Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Enlace |
| Clonar Instagram con Vue | Vue, CSSGram, JavaScript, HTML5, CSS3 | Enlace |
| Clon de Hacker News con Angular | Angular, Faro, JavaScript, HTML5, CSS3 | Enlace |
| Interfaz de chat | HTML5, CSS3 | Enlace |
| Información sobre herramientas CSS3 pura | HTML5, CSS3 | Enlace |
| Botones de redes sociales | HTML5, CSS3 | Enlace |
| Tarjeta de testimonio | HTML5, CSS3 | Enlace |
| Barra de navegación con CSS3 Flexbox | HTML5, CSS3 | Enlace |
| Diseño de aplicaciones móviles con CSS3 Flexbox | HTML5, CSS3 | Enlace |
| Spinner de carga inspirado en Reddit | HTML5, CSS3 | Enlace |
| Calendario con cuadrícula CSS3 | JavaScript, HTML5, CSS3 | Enlace |
| Juego de Tetris en React | Reaccionar, JavaScript, HTML5, CSS3 | Enlace |
| Juego de fuga en 2D | JavaScript, HTML5, CSS3 | Enlace |
| Animación de sprites | JavaScript, HTML5, CSS3 | Enlace |
| Juego de serpientes | JavaScript, HTML5, CSS3 | Enlace |
| Juego de memoria | JavaScript, HTML5, CSS3 | Enlace |
| Autenticación y autorización simples | GraphQL, Apollo, Nodo, JavaScript, HTML5 | Enlace |
| Rastreador de criptomonedas | SiguienteJS, GraphQL, Apollo, Node, JavaScript | Enlace |
| Búsqueda instantánea con Javascript básico | JavaScript, HTML5, CSS3 | Enlace |
| Aplicación de calculadora | JavaScript, HTML5, CSS3 | Enlace |
| Aplicación Todo | Vue, JavaScript, CSS3, HTML5 | Enlace |
| Aplicación de blog | Vue, GraphQL, Apolo, JavaScript, CSS3 | Enlace |
| Aplicación de presupuesto simple | Vue, Bulma, JavaScript, CSS3, HTML5 | Enlace |
| robot de búsqueda | Nodo, Twilio, Cheerio, API, Automatización | Enlace |
| Bot de Twitter | Nodo, JavaScript, API, Automatización | Enlace |
| Editor de rebajas en tiempo real | Nodo, JavaScript, Express, Redis, HTML5 | Enlace |
| Aplicación Todo | Angular, mecanografiado, RxJS, HTML5, CSS3 | Enlace |
| Cliente de noticias hacker | Angular, RxJS, paquete web, HTML5, CSS3 | Enlace |
| Máquina de cotización aleatoria | Reaccionar, JavaScript, HTML5, CSS3 | Enlace |
| Clon Todoist | Reaccionar, Firebase, JavaScript, Pruebas, HTML5 | Enlace |
| Aplicación de chat con análisis de sentimiento | SiguienteJS, Pusher, Sentiment, Node, React | Enlace |
| Programador de citas | Reaccionar, Twilio, CosmicJS, Material-UI, JavaScript | Enlace |
| Juego de la vida | Reaccionar, 2D, JavaScript, HTML5, CSS3 | Enlace |
| Aplicación de noticias | Reaccionar nativo, Nodo, API, Reaccionar, JavaScript | Enlace |
| Aplicación de chat | Reaccionar, Redux, Redux Saga, Web Sockets, Nodo | Enlace |
| Aplicación Todo | Reaccionar nativo, GraphQL, Apollo, API, Hasura | Enlace |
| Extensión de Chrome | Reaccionar, Parcela, JavaScript, HTML5, CSS3 | Enlace |
| Aplicación de votación de películas | Reaccionar, Redux, API, Inmutable, JavaScript | Enlace |
| Clon de Trello | Reaccionar, Elixir, Phoenix, JWT, JavaScript | Enlace |
| CMS estilo Wiki | C#, .NET, páginas de afeitar | Enlace |
| Clonar Spotify con ReactJS | Reaccionar, HTML5, CSS3 | Enlace |
| Clon de página de inicio de Microsoft | HTML5, CSS3, JavaScript | Enlace |
| Diagrama de Gantt sencillo | HTML5, CSS3, JavaScript | Enlace |
| Aplicación de eliminación de trabajos | Nodo, JavaScript, REST, API, Express | Enlace |
| Aplicación de comercio electrónico | Reaccionar, Bootstrap, JavaScript, HTML5, CSS3 | Enlace |
| Página de inicio de Netflix | HTML5, CSS3, JavaScript | Enlace |
| Chatbot de IA | API de voz web, Node, JavaScript, Express, Socket.io | Enlace |
| Aplicación de redes sociales | Reaccionar, Nodo, Redux, Firebase, REST | Enlace |
| Cree una cadena de bloques de criptomonedas simple en Node.js | Nodo, JavaScript, Criptografía, Blockchain | Enlace |
| Cliente BitTorrent | Nodo, JavaScript, TCP, Redes de Computadoras | Enlace |
| Aplicación de lista de tareas pendientes con JavaScript | JavaScript, HTML5, CSS3 | Enlace |
| Animaciones JavaScript con Anime.js | JavaScript, CSS3, Biblioteca, HTML5, API | Enlace |
| Aplicación de bolsa de trabajo con React | Reaccionar, Nodo, Cron, JavaScript, HTML5 | Enlace |
| Proyecto | Tecnologías | Enlace |
|---|---|---|
| Cree un clon de Uber Eats con React Native | Reaccionar nativo, Javascript, Android, iOS | Enlace |
| Construya un clon de Uber con React Native | Reaccionar nativo, Javascript, Android, iOS | Enlace |
| Cree una aplicación de chat con historias usando el SDK de Flutter | Aleteo, dardo | Enlace |
| Cree una aplicación estilo Robinhood para rastrear casos de COVID-19 | Kotlin, Android | Enlace |
| Aplicación móvil Swipe estilo Tinder | Kotlin, Java, Rápido | Enlace |
| Aplicación móvil de listado de precios de criptomonedas | Reaccionar nativo, Swift, Flutter, Dart | Enlace |
| Aplicación móvil social para restaurantes | Reaccionar nativo, Swift, Flutter, Dart | Enlace |
| Aplicación móvil de recordatorio de tiempo de descanso | Reaccionar nativo, Kotlin, Java, Swift | Enlace |
| Aplicación móvil de recordatorio de facturación y pago | Reaccionar, Nodo, Express, MongoDB | Enlace |
| Aplicación móvil de cuenta regresiva | Rápido, Java, reaccionar nativo | Enlace |
| Juego Flappy Bird para iOS usando Swift | Rápido, XCode, iOS | Enlace |
| Juego Bull's Eye para iOS con Swift | Rápido, XCode, iOS | Enlace |
| Aplicación de restaurante para iOS con SwiftUI | Rápido, XCode, iOS | Enlace |
| Aplicación Dice para iOS con Swift | Rápido, XCode, iOS | Enlace |
| Clon de TrueCaller | Java, MySQL, XAMPP, Android | Enlace |
| Aplicación del tiempo | Java, API, Android | Enlace |
| Aplicación de comercio electrónico | Java, Base de fuego, Android | Enlace |
| Aplicación de chat | Java, Base de fuego, Android | Enlace |
| Aplicación Todo | Aleteo, Dardo, Android, iOS | Enlace |
| Interfaz de usuario de la aplicación de viajes | Aleteo, Dardo, Android, iOS | Enlace |
| Cliente Reddit | Android, Kotlin | Enlace |
| Aplicación Todo | Reaccionar nativo, Android, iOS, JavaScript | Enlace |
| Visor de biblioteca de fotos | C#, iOS, Xamarin, Visual Studio, Android | Enlace |
| Clonar WhatsApp con React Native | Reaccionar nativo, Nodo, GraphQL, Apollo, JavaScript | Enlace |
| Proyecto | Tecnologías | Enlace |
|---|---|---|
| Construye Super Mario Bros, Zelda y Space Invaders con Kaboom.js | JavaScript, Kaboom | Enlace |
| Crea un juego Arkanoid con TypeScript | Mecanografiado, HTML, CSS, JavaScript | Enlace |
| Juegos simples | Lua, AMOR, Python, Pygame Zero | Enlace |
| Juego multijugador en línea de Python | Pitón | Enlace |
| Juego de lucha Beat Em Up | Unidad, C# | Enlace |
| Juego sencillo en 3D con Godot 3.1 | Godot, C#, 3D | Enlace |
| Juego de rompecabezas simple en Godot: Box and Switch | Godot, C#, 2D | Enlace |
| Interfaz de juego desde cero en Godot 3 | Godot, C#, 2D | Enlace |
| Juego 2D con Godot: jugador y enemigo | Godot, C#, 2D | Enlace |
| Juego de cartas multijugador con Socket.io | Phaser 3, Express, Socket.io, JavaScript | Enlace |
| Juego de cartas multijugador con Unity 2D y Mirror | C#, Unidad, 2D, Espejo | Enlace |
| Tutorial de Roguelike en Rust | Óxido, 2D | Enlace |
| Adventures in Rust: un juego básico en 2D | Óxido, 2D | Enlace |
| Juego Terminal Snake con Ruby | Rubí, 2D | Enlace |
| Invasores del espacio usando OpenGL | OpenGL, C/C++, 2D | Enlace |
| Solucionador de Sudoku en C | C/C++, 2D | Enlace |
| Motor de ajedrez en C | C/C++, 2D | Enlace |
| Juego Flappy Bird para iOS usando Swift | Rápido, XCode, iOS | Enlace |
| Juego Bull's Eye para iOS usando Swift | Rápido, XCode, iOS | Enlace |
| Whack-a-Mole con JavaScript puro | JavaScript, HTML5, CSS3 | Enlace |
| Juego de preguntas multijugador con Vue | Vue, Pusher, Nodo, Express, JavaScript | Enlace |
| Juego Buscaminas con Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Enlace |
| Juego de Tetris en React | Reaccionar, JavaScript, HTML5, CSS3 | Enlace |
| Juego de fuga en 2D | JavaScript, HTML5, CSS3 | Enlace |
| Animación de sprites | JavaScript, HTML5, CSS3 | Enlace |
| Juego de serpientes | JavaScript, HTML5, CSS3 | Enlace |
| Juego de memoria | JavaScript, HTML5, CSS3 | Enlace |
| Tirador de tanques | 3D, Unidad, C# | Enlace |
| Pícaro 2D | 2D, Unidad, C# | Enlace |
| La excursión embrujada de John Lemon 3D | 3D, Unidad, C# | Enlace |
| Principiante en realidad virtual: la sala de escape | VR, Unidad, C# | Enlace |
| La aventura de Rubí | 2D, Unidad, C# | Enlace |
| Juego de rol | 2D, Unidad, C# | Enlace |
| rodar una pelota | 3D, Unidad, C# | Enlace |
| Microjuego FPS | Unidad, C# | Enlace |
| Microjuego de plataformas | Unidad, C#, 2D | Enlace |
| Microjuego de karting | Unidad, C# | Enlace |
| Juego de disparos arcade | Lua, AMOR | Enlace |
| Juego de la vida | Reaccionar, 2D, JavaScript, HTML5, CSS3 | Enlace |
| Héroe hecho a mano | C/C++, OpenGL, 2D | Enlace |
| Fugarse | C/C++, OpenGL, 2D | Enlace |
| Tetris | C/C++, 2D | Enlace |
| juego de nes | C/C++, Pitón, 2D | Enlace |
| Juego pícaro | C#, .NET, RogueSharp, MonoGame, RLNet | Enlace |
| Juego de rol sencillo | C#, SQL, 2D | Enlace |
| Proyecto | Tecnologías | Enlace |
|---|---|---|
| Construya un Web Scraper usando BeautifulSoup | Python, hermosa sopa | Enlace |
| CNN que detecta neumonía a partir de radiografías de tórax | CNN, pitón | Enlace |
| Visualizaciones de datos de actualización automática en Python con AWS | Python, AWS, Matplotlib | Enlace |
| Herramienta de análisis de sentimiento de Twitter usando GCP y Node | API, GCP, Nodo, JavaScript | Enlace |
| Análisis de sentimiento de Twitter usando CNN | Python, Matplotlib, Numpy, Pandas | Enlace |
| Generador de letras de Taylor Swift | Python, Keras, Numpy, Pandas | Enlace |
| Reconocedor de dígitos MNIST | Python, Keras, TensorFlow, Numpy, SciKit | Enlace |
| Entrenar un modelo para generar colores | Python, Keras, TensorFlow, Numpy | Enlace |
| Generador de subtítulos de imagen | Python, TensorFlow, Numpy | Enlace |
| Romper un sistema Captcha usando CNN | Python, Keras, TensorFlow, OpenCV, Numpy | Enlace |
| Generar una cara promedio | Python, OpenCV, Numpy, C/C++ | Enlace |
| Unión de imágenes | Python, OpenCV, Numpy | Enlace |
| Detección de puntos clave manuales | Python, OpenCV, Numpy, C/C++ | Enlace |
| Cara propia | Python, OpenCV, Numpy, C/C++ | Enlace |
| Detección de objetivos con drones | Python, OpenCV, Numpy | Enlace |
| Detección de objetos mediante máscara R-CNN | Python, OpenCV, Numpy | Enlace |
| Detección de puntos de referencia faciales | Python, OpenCV, DLib, Numpy | Enlace |
| Corrección de inclinación del texto | Python, OpenCV, Numpy | Enlace |
| OCR y reconocimiento de texto | Python, OpenCV, Tesseract, Numpy | Enlace |
| Contador de personas | Python, OpenCV, Numpy | Enlace |
| Detección de texto | Python, OpenCV, Numpy | Enlace |
| Segmentación semántica | Python, OpenCV, Numpy | Enlace |
| Seguimiento de objetos | Python, OpenCV, Numpy, CamShift | Enlace |
| Agrupación de caras | Python, OpenCV, Numpy | Enlace |
| Escáner de código de barras | Python, OpenCV, ZBar, Numpy | Enlace |
| Detección de prominencia | Python, OpenCV, Numpy | Enlace |
| Detección de rostros | Python, OpenCV, Numpy | Enlace |
| Escáner de documentos | Python, OpenCV, Numpy, SciKit | Enlace |
| Recomendador de música | Python, SciKit, Numpy, Pandas | Enlace |
| Predecir la calidad del vino | Python, Matplotlib, Numpy, Pandas | Enlace |
| Algoritmos genéticos | Python, SciKit, Numpy, Pandas | Enlace |
| sueño profundo | Python, TensorFlow, visualización | Enlace |
| Predicción del precio de las acciones | Python, SciKit, Matplotlib | Enlace |
| Sistemas de recomendación de películas | Python, LightFM | Enlace |
| Análisis de sentimiento en Twitter | Pitón, API | Enlace |
| Aplicación de chat con análisis de sentimiento | SiguienteJS, Pusher, Sentiment, Node, React | Enlace |
