projectlearn project based learning
1.0.0
Les tutoriels sont excellents, mais créer des projets est la meilleure façon d'apprendre. Faites un apprentissage basé sur des projets et apprenez le code de la bonne manière !
ProjectLearn fournit une liste organisée de didacticiels de projet dans lesquels les apprenants créent une application à partir de zéro. Ceux-ci sont divisés en différentes catégories, à savoir le développement Web, le développement mobile, le développement de jeux, l'apprentissage automatique, l'apprentissage profond et l'intelligence artificielle.
La liste contient des didacticiels de projets sur de nombreux langages et technologies très demandés, notamment ReactJS, NodeJS, VueJS, Flutter, React Native, .NET Core, Unity, TensorFlow, OpenCV, Keras, etc.
Pour contribuer à cette liste, rendez-vous sur CONTRIBUTE.md pour plus de détails :)
| Projet | Technologies | Lien |
|---|---|---|
| Créer et déployer un incroyable portefeuille de développeurs Web 3D dans React.JS Tutoriel Three.js | vite, React, JavaScript, Three.js, Tailwind | Lien |
| Application Full-Stack Quick Commerce avec Next.Js Drizzle ORM et Cryptomus Payments | Next.js, React, JavaScript, Drizzle ORM, Cryptomus | Lien |
| Créez une boutique de commerce électronique Full Stack avec le tableau de bord d'administration | Next.js, React, JavaScript, Tailwind, Stripe | Lien |
| Créer un clone Uber Full Stack | Next.js, React, JavaScript, Tailwind, Stripe | Lien |
| Créez et déployez une application de médias sociaux Full Stack à l'aide de React | Réagir, JavaScript, HTML, CSS, Tailwind | Lien |
| Créez votre propre clone ChatGPT en HTML CSS et JavaScript | HTML, CSS, JavaScript, API OpenAI, API | Lien |
| Construisez un clone de Reddit 2.0 avec NextJS | React, SQL, Supabase, Next.js, GraphQL | Lien |
| Créez un clone YouTube avec React | Express, nœud, JavaScript, HTML, CSS | Lien |
| Créer un graphique à barres divergentes avec une bibliothèque de graphiques JavaScript | Javascript, HTML, CSS | Lien |
| Apprenez les bases du CSS en créant un composant de carte | HTML, CSS | Lien |
| Créer un mème sans serveur en tant que service | JavaScript, Rust, CSS, HTML | Lien |
| Site Web de prévisions météorologiques | Javascript, HTML, CSS, React | Lien |
| Site Web du raccourcisseur de liens | JavaScript, Vue, HTML, CSS, React | Lien |
| Site Web de vérification du plagiat | Python, Bootstrap | Lien |
| Créez un thème Google Maps personnalisé | Javascript, HTML, CSS | Lien |
| Créez une carte Google sur le thème de Super Mario avec JavaScript | Javascript, HTML5, CSS3 | Lien |
| Créer une application de livraison pilotée par la communauté | Python, Django, PostgreSQL, JavaScript, Mapbox | Lien |
| Créez une application de recherche et de découverte de magasin local | Python, Django, PostgreSQL, JavaScript, Mapbox | Lien |
| Clone moyen à l'aide de React.js et Node.js | Réagir, Noeud, CSS3, JavaScript, HTML5 | Lien |
| Cloner Facebook avec React JS | Réagir, Firebase, CSS3, JavaScript, HTML5 | Lien |
| JavaScript30 - Défi de codage Vanilla JS de 30 jours | Javascript | Lien |
| Carte de liste de seau de voyage avec Gatsby et GraphCMS | Gatsby, Dépliant, GraphCMS, HTML, CSS | Lien |
| Jeu de cartes mémoire avec Vue.js | Vue, JavaScript, HTML, CSS | Lien |
| Cours Strapi et GatsbyJS - Projet de portfolio | Strapi, Gatsby, JavaScript, HTML, CSS | Lien |
| Livre d'histoires - Node, Express, MongoDB et Google OAuth | MongoDB, nœud, JavaScript, HTML, CSS | Lien |
| Application Respirez et détendez-vous - Animations JavaScript et CSS | Javascript, HTML, CSS | Lien |
| Node.js CLI pour les prix des crypto-monnaies | Nœud, JavaScript | Lien |
| Galerie d'images CSS React et Tailwind | Réagir, Tailwind, JavaScript, HTML, CSS | Lien |
| Horloge Pomodoro utilisant React | Réagir, JavaScript, HTML, CSS | Lien |
| Outil de densité de mots clés avec Laravel from Scratch | Laravel, PHP, JQuery, AJAX, SEO | Lien |
| Cloner YouTube à l'aide du framework PHP Yii2 | Yii2, PHP | Lien |
| Cloner Reddit avec React, GraphQL et Amplify | Réagir, Amplify, AWS, GraphQL, Node | Lien |
| Clone Yelp Full-Stack avec React et GraphQL | Réagir, GraphQL, HTML, CSS, JavaScript | Lien |
| Application Web Pokémon avec React Hooks et API contextuelle | Réagir, HTML, CSS, JavaScript | Lien |
| Moniteur de bassin versant utilisant JavaScript et Rails | Ruby, Rails, JavaScript | Lien |
| Tableau de bord des données climatiques utilisant React et Redux | Réagir, Redux, HTML, CSS, JavaScript | Lien |
| Retourner les cartes UNO en utilisant uniquement CSS | HTML, CSS | Lien |
| Application de chat avec Redis, WebSocket et Go | Redis, Web Socket, Go, Azure | Lien |
| Animation de connexion Spotify avec navigation React | Réagir, HTML, CSS, JavaScript | Lien |
| Interface météo dynamique avec juste CSS | HTML, CSS | Lien |
| Application CRUD simple avec Airtable et Vue | Airtable, Vue, Vuetify, API, HTML | Lien |
| Générateur de personnages RPG Full Stack avec pile MEVN | MongoDB, Express, Vue, Noeud, HTML | Lien |
| Application Todo avec la pile PERN | PostgreSQL, Express, React, Noeud, HTML | Lien |
| Application de cartographie des road trips d'été avec Gatsby | Réagir, Gatsby, Dépliant | Lien |
| Jeu de cartes multijoueur avec Socket.io | Phaser 3, Express, Socket.io, JavaScript | Lien |
| Tableau de bord et application cartographique COVID-19 avec Gatsby | Réagir, Gatsby, Dépliant | Lien |
| Quiz Flashcard avec React | Réagir, API, JavaScript, HTML5, CSS3 | Lien |
| Frappez une taupe avec du JavaScript pur | Javascript, HTML5, CSS3 | Lien |
| Créateur de mèmes avec React | Réagir, JavaScript, HTML5, CSS3 | Lien |
| Cloner Evernote avec React | Réagir, Firebase, Noeud, JavaScript, HTML5 | Lien |
| Application Meetup pour développeurs avec Vue | Vue, Firebase, Vuetify, JavaScript, HTML5 | Lien |
| Application de chat en temps réel avec Vue | Vue, Firebase, Vuex, JavaScript, HTML5 | Lien |
| Tracker de crypto-monnaie avec Vue | Vue, Vuetify, API, JavaScript, HTML5 | Lien |
| Jeu de quiz multijoueur avec Vue | Vue, Pusher, Noeud, Express, JavaScript | Lien |
| Jeu de démineur avec Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Lien |
| Cloner Instagram avec Vue | Vue, CSSGram, JavaScript, HTML5, CSS3 | Lien |
| Hacker News Cloner avec Angular | Angulaire, Phare, JavaScript, HTML5, CSS3 | Lien |
| Interface de discussion | HTML5, CSS3 | Lien |
| Info-bulle CSS3 pure | HTML5, CSS3 | Lien |
| Boutons de réseaux sociaux | HTML5, CSS3 | Lien |
| Carte de témoignage | HTML5, CSS3 | Lien |
| Barre de navigation avec CSS3 Flexbox | HTML5, CSS3 | Lien |
| Mise en page d'application mobile avec CSS3 Flexbox | HTML5, CSS3 | Lien |
| Loading Spinner inspiré de Reddit | HTML5, CSS3 | Lien |
| Calendrier avec grille CSS3 | Javascript, HTML5, CSS3 | Lien |
| Jeu Tetris dans React | Réagir, JavaScript, HTML5, CSS3 | Lien |
| Jeu d'évasion en 2D | Javascript, HTML5, CSS3 | Lien |
| Animation de sprites | Javascript, HTML5, CSS3 | Lien |
| Jeu du Serpent | Javascript, HTML5, CSS3 | Lien |
| Jeu de mémoire | Javascript, HTML5, CSS3 | Lien |
| Authentification et autorisation simples | GraphQL, Apollo, Noeud, JavaScript, HTML5 | Lien |
| Traqueur de crypto-monnaie | NextJS, GraphQL, Apollo, Node, JavaScript | Lien |
| Recherche instantanée avec Vanilla Javascript | Javascript, HTML5, CSS3 | Lien |
| Application Calculatrice | Javascript, HTML5, CSS3 | Lien |
| Application Todo | Vue, JavaScript, CSS3, HTML5 | Lien |
| Application de blog | Vue, GraphQL, Apollo, JavaScript, CSS3 | Lien |
| Application de budgétisation simple | Vue, Bulma, JavaScript, CSS3, HTML5 | Lien |
| Bot de recherche | Noeud, Twilio, Cheerio, API, Automatisation | Lien |
| Bot Twitter | Nœud, JavaScript, API, Automatisation | Lien |
| Éditeur de démarques en temps réel | Nœud, JavaScript, Express, Redis, HTML5 | Lien |
| Application Todo | Angulaire, TypeScript, RxJS, HTML5, CSS3 | Lien |
| Client de nouvelles sur les pirates informatiques | Angulaire, RxJS, Webpack, HTML5, CSS3 | Lien |
| Machine de devis aléatoire | Réagir, JavaScript, HTML5, CSS3 | Lien |
| Clone de Todoist | React, Firebase, JavaScript, Tests, HTML5 | Lien |
| Application de chat avec analyse des sentiments | NextJS, Pusher, Sentiment, Node, React | Lien |
| Planificateur de rendez-vous | React, Twilio, CosmicJS, Material-UI, JavaScript | Lien |
| Jeu de la vie | Réagir, 2D, JavaScript, HTML5, CSS3 | Lien |
| Application d'actualités | React Native, Noeud, API, React, JavaScript | Lien |
| Application de discussion | React, Redux, Redux Saga, Web Sockets, Noeud | Lien |
| Application Todo | React Native, GraphQL, Apollo, API, Hasura | Lien |
| Extension Chrome | Réagir, Parcel, JavaScript, HTML5, CSS3 | Lien |
| Application de vote pour les films | React, Redux, API, Immuable, JavaScript | Lien |
| Cloner Trello | Réagir, Elixir, Phoenix, JWT, JavaScript | Lien |
| CMS de style wiki | C#, .NET, pages rasoir | Lien |
| Cloner Spotify avec ReactJS | Réagir, HTML5, CSS3 | Lien |
| Cloner la page d'accueil de Microsoft | HTML5, CSS3, JavaScript | Lien |
| Diagramme de Gantt simple | HTML5, CSS3, JavaScript | Lien |
| Application de suppression d'emplois | Nœud, JavaScript, REST, API, Express | Lien |
| Application de commerce électronique | Réagir, Bootstrap, JavaScript, HTML5, CSS3 | Lien |
| Page de destination de Netflix | HTML5, CSS3, JavaScript | Lien |
| Chatbot IA | API Web Speech, Node, JavaScript, Express, Socket.io | Lien |
| Application de réseautage social | Réagir, Noeud, Redux, Firebase, REST | Lien |
| Créez une blockchain de crypto-monnaie simple dans Node.js | Nœud, JavaScript, Cryptographie, Blockchain | Lien |
| Client BitTorrent | Noeud, JavaScript, TCP, réseaux informatiques | Lien |
| Application Todo List avec JavaScript | Javascript, HTML5, CSS3 | Lien |
| Animations JavaScript avec Anime.js | JavaScript, CSS3, Bibliothèque, HTML5, API | Lien |
| Application Job Board avec React | Réagir, Noeud, Cron, JavaScript, HTML5 | Lien |
| Projet | Technologies | Lien |
|---|---|---|
| Créez un clone Uber Eats avec React Native | Réagir natif, Javascript, Android, iOS | Lien |
| Créez un clone Uber avec React Native | Réagir natif, Javascript, Android, iOS | Lien |
| Créez une application de chat avec des histoires à l'aide du SDK Flutter | Flutter, Fléchette | Lien |
| Créez une application de style Robinhood pour suivre les cas de COVID-19 | Kotlin, Android | Lien |
| Application mobile Swipe de style Tinder | Kotlin, Java, Swift | Lien |
| Application mobile de liste de prix de crypto-monnaie | Réagir Native, Swift, Flutter, Dart | Lien |
| Application mobile sociale pour restaurants | Réagir Native, Swift, Flutter, Dart | Lien |
| Application mobile de rappel des temps de pause | Réagir natif, Kotlin, Java, Swift | Lien |
| Application mobile de facturation et de rappel de paiement | Réagir, Noeud, Express, MongoDB | Lien |
| Application mobile de compte à rebours | Swift, Java, React Natif | Lien |
| Jeu iOS Flappy Bird utilisant Swift | Swift, XCode, iOS | Lien |
| Jeu iOS Bull's Eye utilisant Swift | Swift, XCode, iOS | Lien |
| Application iOS pour restaurant utilisant SwiftUI | Swift, XCode, iOS | Lien |
| Application iOS de dés avec Swift | Swift, XCode, iOS | Lien |
| Clone TrueCaller | Java, MySQL, XAMPP, Android | Lien |
| Application Météo | Java, API, Android | Lien |
| Application de commerce électronique | Java, Firebase, Android | Lien |
| Application de discussion | Java, Firebase, Android | Lien |
| Application Todo | Flutter, Fléchette, Android, iOS | Lien |
| Interface utilisateur de l'application de voyage | Flutter, Fléchette, Android, iOS | Lien |
| Client Reddit | Android, Kotlin | Lien |
| Application Todo | Réagir natif, Android, iOS, JavaScript | Lien |
| Visionneuse de bibliothèque de photos | C#, iOS, Xamarin, Visual Studio, Android | Lien |
| Cloner WhatsApp avec React Native | React Native, Node, GraphQL, Apollo, JavaScript | Lien |
| Projet | Technologies | Lien |
|---|---|---|
| Créez Super Mario Bros, Zelda et Space Invaders avec Kaboom.js | Javascript, Kaboom | Lien |
| Créer un jeu Arkanoid avec TypeScript | TypeScript, HTML, CSS, JavaScript | Lien |
| Jeux simples | Lua, LÖVE, Python, Pygame Zero | Lien |
| Jeu multijoueur en ligne Python | Python | Lien |
| Jeu de combat Battez-les | Unité, C# | Lien |
| Jeu 3D simple utilisant Godot 3.1 | Godot, C#, 3D | Lien |
| Jeu de puzzle simple dans Godot - Box and Switch | Godot, C#, 2D | Lien |
| Interface de jeu à partir de zéro dans Godot 3 | Godot, C#, 2D | Lien |
| Jeu 2D avec Godot : Joueur et Ennemi | Godot, C#, 2D | Lien |
| Jeu de cartes multijoueur avec Socket.io | Phaser 3, Express, Socket.io, JavaScript | Lien |
| Jeu de cartes multijoueur avec Unity 2D et Mirror | C#, Unity, 2D, Miroir | Lien |
| Tutoriel Roguelike dans Rust | Rouille, 2D | Lien |
| Adventures in Rust - Un jeu 2D de base | Rouille, 2D | Lien |
| Jeu de serpent terminal avec Ruby | Rubis, 2D | Lien |
| Space Invaders utilisant OpenGL | OpenGL, C/C++, 2D | Lien |
| Solveur de Sudoku en C | C/C++, 2D | Lien |
| Moteur d'échecs en C | C/C++, 2D | Lien |
| Jeu iOS Flappy Bird utilisant Swift | Swift, XCode, iOS | Lien |
| Jeu iOS Bull's Eye utilisant Swift | Swift, XCode, iOS | Lien |
| Frappez une taupe avec du JavaScript pur | Javascript, HTML5, CSS3 | Lien |
| Jeu de quiz multijoueur avec Vue | Vue, Pusher, Noeud, Express, JavaScript | Lien |
| Jeu de démineur avec Vue | Vue, Vuex, Vuetify, JavaScript, HTML5 | Lien |
| Jeu Tetris dans React | Réagir, JavaScript, HTML5, CSS3 | Lien |
| Jeu d'évasion en 2D | Javascript, HTML5, CSS3 | Lien |
| Animation de sprites | Javascript, HTML5, CSS3 | Lien |
| Jeu du Serpent | Javascript, HTML5, CSS3 | Lien |
| Jeu de mémoire | Javascript, HTML5, CSS3 | Lien |
| Tireur de chars | 3D, Unity, C# | Lien |
| Rogue-like 2D | 2D, Unity, C# | Lien |
| La escapade hantée de John Lemon modèle 3D | 3D, Unity, C# | Lien |
| VR Débutant : La salle d'évasion | VR, Unity, C# | Lien |
| L'aventure de Ruby | 2D, Unity, C# | Lien |
| Jeu RPG | 2D, Unity, C# | Lien |
| Faire rouler une balle | 3D, Unity, C# | Lien |
| Microjeu FPS | Unité, C# | Lien |
| Microjeu de plateforme | Unité, C#, 2D | Lien |
| Microjeu de Karting | Unité, C# | Lien |
| Jeu de tir d'arcade | Lua, AMOUR | Lien |
| Jeu de la vie | Réagir, 2D, JavaScript, HTML5, CSS3 | Lien |
| Héros fait à la main | C/C++, OpenGL, 2D | Lien |
| Éclater | C/C++, OpenGL, 2D | Lien |
| Tétris | C/C++, 2D | Lien |
| jeu NES | C/C++, Python, 2D | Lien |
| Jeu rogue-like | C#, .NET, RogueSharp, MonoGame, RLNet | Lien |
| Jeu de RPG simple | C#, SQL, 2D | Lien |
| Projet | Technologies | Lien |
|---|---|---|
| Créez un Web Scraper en utilisant BeautifulSoup | Python, belle soupe | Lien |
| CNN qui détecte la pneumonie à partir des radiographies thoraciques | CNN, Python | Lien |
| Mise à jour automatique des visualisations de données en Python avec AWS | Python, AWS, Matplotlib | Lien |
| Outil d'analyse des sentiments Twitter utilisant GCP et Node | API, GCP, nœud, JavaScript | Lien |
| Analyse des sentiments sur Twitter à l'aide de CNN | Python, Matplotlib, Numpy, Pandas | Lien |
| Générateur de paroles de Taylor Swift | Python, Keras, Numpy, Pandas | Lien |
| Reconnaissance de chiffres MNIST | Python, Keras, TensorFlow, Numpy, SciKit | Lien |
| Entraîner un modèle pour générer des couleurs | Python, Keras, TensorFlow, Numpy | Lien |
| Générateur de légende d'image | Python, TensorFlow, Numpy | Lien |
| Briser un système Captcha en utilisant CNN | Python, Keras, TensorFlow, OpenCV, Numpy | Lien |
| Générer un visage moyen | Python, OpenCV, Numpy, C/C++ | Lien |
| Assemblage d'images | Python, OpenCV, Numpy | Lien |
| Détection des points clés de la main | Python, OpenCV, Numpy, C/C++ | Lien |
| Visage propre | Python, OpenCV, Numpy, C/C++ | Lien |
| Détection de cibles de drones | Python, OpenCV, Numpy | Lien |
| Détection d'objets à l'aide du masque R-CNN | Python, OpenCV, Numpy | Lien |
| Détection de repères faciaux | Python, OpenCV, DLib, Numpy | Lien |
| Correction de l'inclinaison du texte | Python, OpenCV, Numpy | Lien |
| OCR et reconnaissance de texte | Python, OpenCV, Tesseract, Numpy | Lien |
| Compteur de personnes | Python, OpenCV, Numpy | Lien |
| Détection de texte | Python, OpenCV, Numpy | Lien |
| Segmentation sémantique | Python, OpenCV, Numpy | Lien |
| Suivi d'objet | Python, OpenCV, Numpy, CamShift | Lien |
| Regroupement de visages | Python, OpenCV, Numpy | Lien |
| Lecteur de codes à barres | Python, OpenCV, ZBar, Numpy | Lien |
| Détection de saillance | Python, OpenCV, Numpy | Lien |
| Détection de visage | Python, OpenCV, Numpy | Lien |
| Scanner de documents | Python, OpenCV, Numpy, SciKit | Lien |
| Recommandateur de musique | Python, SciKit, Numpy, Pandas | Lien |
| Prédire la qualité du vin | Python, Matplotlib, Numpy, Pandas | Lien |
| Algorithmes génétiques | Python, SciKit, Numpy, Pandas | Lien |
| Rêve profond | Python, TensorFlow, visualisation | Lien |
| Prédiction du cours des actions | Python, SciKit, Matplotlib | Lien |
| Systèmes de recommandation de films | Python, LightFM | Lien |
| Analyse des sentiments sur Twitter | Python, API | Lien |
| Application de chat avec analyse des sentiments | NextJS, Pusher, Sentiment, Node, React | Lien |
