farukEncoded/ProjectLearn-Project-Based-Learning

:beginner: A curated list of project tutorials for project based learning in web development, mobile development, game development, machine learning and artificial intelligence

🔰ProjectLearn - Project Based Learning

Website: https://projectlearn.io

Tutorials are great, but building projects is the best way to learn. Do project based learning and learn code the right way!

ProjectLearn provides a curated list of project tutorials in which learners build an application from scratch. These are divided into different categories, namely, web development, mobile development, game development, machine learning, deep learning and artificial intelligence.

The list has project tutorials on many in-demand languages and technologies including ReactJS, NodeJS, VueJS, Flutter, React Native, .NET Core, Unity, TensorFlow, OpenCV, Keras, and more.

To contribute to this list, head over to CONTRIBUTE.md for more details :)

List of Project Tutorials:

Web Development:

• Build a Flashcard Quiz With React (React, API, JavaScript)
• Build a Whack-a-Mole with pure JavaScript (JavaScript, HTML5, CSS3)
• Build a NOKIA 3310 Snake Game using JavaScript (JavaScript, HTML5, CSS3)
• Build a Rock Paper Scissors in vanilla JavaScript (JavaScript, HTML5, CSS3)
• Build a Tetris with pure JavaScript (JavaScript, HTML5, CSS3)
• Build a Meme Maker with React (React, JavaScript, HTML5)
• Build an Evernote Clone with React (React, Firebase, Node)
• Build a Developer Meetup App with Vue (Vue, Firebase, Vuetify)
• Build a Real-Time Chat App with Vue (Vue, Firebase, Vuex)
• Build a Cryptocurrency Tracker with Vue (Vue, Vuetify, API)
• Build a Multiplayer Quiz Game with Vue (Vue, Pusher, Node)
• Build a Minesweeper Game with Vue (Vue, Vuex, Vuetify)
• Build an Instagram Clone with Vue (Vue, CSSGram, JavaScript)
• Build a Hacker News Clone with Angular (Angular, Lighthouse, JavaScript)
• Build a Chat Interface (HTML5, CSS3)
• Build a Pure CSS3 Tooltip (HTML5, CSS3)
• Build a Social Media Buttons (HTML5, CSS3)
• Build a Testimonial Card (HTML5, CSS3)
• Build a Navigation Bar with CSS3 Flexbox (HTML5, CSS3)
• Build a Mobile App Layout with CSS3 Flexbox (HTML5, CSS3)
• Build a Reddit-inspired Loading Spinner (HTML5, CSS3)
• Build a Calendar with CSS3 Grid (JavaScript, HTML5, CSS3)
• Build a Tetris Game in React (React, JavaScript, HTML5)
• Build a 2D Breakout Game (JavaScript, HTML5, CSS3)
• Build a Sprite Animation (JavaScript, HTML5, CSS3)
• Build a Snake Game (JavaScript, HTML5, CSS3)
• Build a Memory Game (JavaScript, HTML5, CSS3)
• Build a Simple Authentication and Authorization (GraphQL, Apollo, Node)
• Build a Cryptocurrency Tracker (NextJS, GraphQL, Apollo)
• Build an Instant Search With Vanilla Javascript (JavaScript, HTML5, CSS3)
• Build a Calculator App (JavaScript, HTML5, CSS3)
• Build a Todo App (Vue, JavaScript, CSS3)
• Build a Blog App (Vue, GraphQL, Apollo)
• Build a Simple Budgeting App (Vue, Bulma, JavaScript)
• Build a Search Bot (Node, Twilio, Cheerio)
• Build a Twitter Bot (Node, JavaScript, API)
• Build a Real-Time Markdown Editor (Node, JavaScript, Express)
• Build a Todo App (Angular, TypeScript, RxJS)
• Build a Hacker News Client (Angular, RxJS, Webpack)
• Build a Random Quote Machine (React, JavaScript, HTML5)
• Build a Todoist Clone (React, Firebase, JavaScript)
• Build a Chat App with Sentiment Analysis (NextJS, Pusher, Sentiment)
• Build an Appointment Scheduler (React, Twilio, CosmicJS)
• Build a Game of Life (React, 2D, JavaScript)
• Build a News App (React Native, Node, API)
• Build a Chat App (React, Redux, Redux Saga)
• Build a Todo App (React Native, GraphQL, Apollo)
• Build a Chrome Extension (React, Parcel, JavaScript)
• Build a Real-Time Twitter Stream (React, Node, API)
• Build a Movie Voting App (React, Redux, API)
• Build a Yelp Clone (React, Google Maps, API)
• Build a Trello Clone (React, Elixir, Phoenix)
• Build a Wiki-Style CMS (C#, .NET, Razor Pages)
• Build a Spotify Inspired Web Design (HTML5, CSS3)
• Build a Microsoft Homepage Clone (HTML5, CSS3, JavaScript)
• Build a Simple Gantt Chart (HTML5, CSS3, JavaScript)
• Build a Job Scraping App (Node, JavaScript, REST)
• Build an E-Commerce App (React, Bootstrap, JavaScript)
• Build a Netflix Landing Page (HTML5, CSS3, JavaScript)
• Build an AI Chatbot (Web Speech API, Node, JavaScript)
• Build a Social Networking App (React, Node, Redux)
• Build a Blockchain (Node, JavaScript, Cryptography)
• Build a BitTorrent Client (Node, JavaScript, TCP)
• Build an URL Shortener with JavaScript (JavaScript, HTML5, CSS3)
• Build a Todo List App with JavaScript (JavaScript, HTML5, CSS3)
• Build a JavaScript Animations with Anime.js (JavaScript, CSS3, Library)
• Build a Job Board App with React (React, Node, Cron)

Mobile Development:

• Build a TrueCaller Clone (Java, MySQL, XAMPP)
• Build a Weather App (Java, API, Android)
• Build an E-Commerce App (Java, Firebase, Android)
• Build a Chat App (Java, Firebase, Android)
• Build a Todo App (Flutter, Dart, Android)
• Build a Travel App UI (Flutter, Dart, Android)
• Build a Reddit Client (Android, Kotlin)
• Build a Todo App (React Native, Android, iOS)
• Build a Photo Library Viewer (C#, iOS, Xamarin)
• Build a WhatsApp Clone with React Native (React Native, Node, GraphQL)

Game Development:

• Build a Whack-a-Mole with pure JavaScript (JavaScript, HTML5, CSS3)
• Build a NOKIA 3310 Snake Game using JavaScript (JavaScript, HTML5, CSS3)
• Build a Rock Paper Scissors in vanilla JavaScript (JavaScript, HTML5, CSS3)
• Build a Tetris with pure JavaScript (JavaScript, HTML5, CSS3)
• Build a Multiplayer Quiz Game with Vue (Vue, Pusher, Node)
• Build a Minesweeper Game with Vue (Vue, Vuex, Vuetify)
• Build a Tetris Game in React (React, JavaScript, HTML5)
• Build a 2D Breakout Game (JavaScript, HTML5, CSS3)
• Build a Sprite Animation (JavaScript, HTML5, CSS3)
• Build a Snake Game (JavaScript, HTML5, CSS3)
• Build a Memory Game (JavaScript, HTML5, CSS3)
• Build a Tanks Shooter (3D, Unity, C#)
• Build a 2D Roguelike (2D, Unity, C#)
• Build a John Lemon's Haunted Jaunt 3D (3D, Unity, C#)
• Build a VR Beginner: The Escape Room (VR, Unity, C#)
• Build a Ruby's Adventure (2D, Unity, C#)
• Build a RPG Game (2D, Unity, C#)
• Build a Roll-a-ball (3D, Unity, C#)
• Build a FPS Microgame (Unity, C#)
• Build a Platformer Microgame (Unity, C#, 2D)
• Build a Karting Microgame (Unity, C#)
• Build an Arcade Shooter (LUA, LÖVE)
• Build a Game of Life (React, 2D, JavaScript)
• Build a Handmade Hero (C/C++, OpenGL, 2D)
• Build a Breakout (C/C++, OpenGL, 2D)
• Build a Tetris (C/C++, 2D)
• Build a NES game (C/C++, Python, 2D)
• Build a Roguelike Game (C#, .NET, RogueSharp)
• Build a Simple RPG Game (C#, SQL, 2D)

Machine Learning & AI:

• Build a Twitter Sentiment Analysis using CNN (Python, Matplotlib, Numpy)
• Build a Taylor Swift Lyrics Generator (Python, Keras, Numpy)
• Build a MNIST Digit Recognizer (Python, Keras, TensorFlow)
• Build a Train a Model to Generate Colors (Python, Keras, TensorFlow)
• Build an Image Caption Generator (Python, TensorFlow, Numpy)
• Build a Break a Captcha System using CNN (Python, Keras, TensorFlow)
• Build a Generate an Average Face (Python, OpenCV, Numpy)
• Build an Image Stitching (Python, OpenCV, Numpy)
• Build a Hand Keypoint Detection (Python, OpenCV, Numpy)
• Build an Eigenface (Python, OpenCV, Numpy)
• Build a Drone Target Detection (Python, OpenCV, Numpy)
• Build an Object Detection using Mask R-CNN (Python, OpenCV, Numpy)
• Build a Facial Landmark Detection (Python, OpenCV, DLib)
• Build a Text Skew Correction (Python, OpenCV, Numpy)
• Build an OCR and Text Recognition (Python, OpenCV, Tesseract)
• Build a People Counter (Python, OpenCV, Numpy)
• Build a Text Detection (Python, OpenCV, Numpy)
• Build a Semantic Segmentation (Python, OpenCV, Numpy)
• Build an Object Tracking (Python, OpenCV, Numpy)
• Build a Face Clustering (Python, OpenCV, Numpy)
• Build a Barcode Scanner (Python, OpenCV, ZBar)
• Build a Saliency Detection (Python, OpenCV, Numpy)
• Build a Face Detection (Python, OpenCV, Numpy)
• Build a Document Scanner (Python, OpenCV, Numpy)
• Build a Music Recommender (Python, SciKit, Numpy)
• Build a Predict Quality of Wine (Python, Matplotlib, Numpy)
• Build a Genetic Algorithms (Python, SciKit, Numpy)
• Build a DeepDream (Python, TensorFlow, Visualization)
• Build a Stock Price Prediction (Python, SciKit, Matplotlib)
• Build a Movie Recommendation Systems (Python, LightFM)
• Build a Twitter Sentiment Analysis (Python, API)
• Build a Chat App with Sentiment Analysis (NextJS, Pusher, Sentiment)