JavaScript is one of the most versatile languages in existence — it powers interactive frontends with React, Angular, and Vue; scales on the server with Node.js; renders data visualisations with D3.js; drives browser games with Phaser; and even builds native desktop apps through Electron. The tutorials below span that full spectrum, from basic HTML/CSS UI work through full-stack web apps, real-time systems, and mobile experiences, giving you hands-on projects at every level.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/practical-tutorials/project-based-learning/llms.txt
Use this file to discover all available pages before exploring further.
HTML & CSS
Layouts, animations, calculators, and mobile apps
React
Full-stack React apps, Redux, GraphQL, and React Native
Angular
Instagram clones, Hacker News clients, and real-world Angular apps
Vue
Firebase auth, budgeting apps, GraphQL blogs, and MEVN stack
Node.js
Real-time editors, Twitter bots, job scrapers, and Uber-for-X
Game Development
Phaser games and Flappy Bird from scratch
HTML and CSS
Foundational tutorials for building UIs, animations, and games with plain HTML, CSS, and vanilla JavaScript.- Build A Loading Screen
- Build an HTML Calculator with JS
- Build Snake using only JavaScript, HTML & CSS
Mobile Applications
React
Build production-style React apps covering Redux, GraphQL, real-time features, React Native, and more.- Create Serverless React.js Apps
- Create a Trello Clone
- Create a Character Voting App with React, Node, MongoDB and SocketIO
- React Tutorial: Cloning Yelp
- Build a Full Stack Movie Voting App with Test-First Development using Mocha, React, Redux and Immutable
- Build a Twitter Stream with React and Node
- Build A Simple Medium Clone using React.js and Node.js
- Integrate MailChimp in JS
- Build A Chrome Extension with React + Parcel
- Build A ToDo App With React Native
- Make a Chat Application
- Create a News App with React Native
- Learn Webpack For React
- Testing React App With Puppeteer and Jest
- Build Your Own React Boilerplate
- Code The Game Of Life With React
- A Basic React+Redux Introductory Tutorial
- Build an Appointment Scheduler
- Build A Chat App with Sentiment Analysis
- Build A Full Stack Web Application Setup
- Create Todoist clone with React and Firebase
- Build A Random Quote Machine
- React Phone E-Commerce Project (video)
Angular
From Instagram clones with Angular 1.x to offline-capable PWAs and beautiful real-world Angular 8 apps.- Build an Instagram Clone with Angular 1.x
- Build an offline-capable Hacker News client with Angular 2+
- Build a Google+ clone with Django and AngularJS (Angular 1.x)
- Build A Beautiful Real World App with Angular 8
- Build Responsive layout with BootStrap 4 and Angular 6
- ToDo App with Angular 5
Vue
Vue tutorials covering Firebase authentication, budgeting, GraphQL, the MEVN full stack, and real-time multiplayer.- Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes
- Vue.js Application Tutorial – Creating a Simple Budgeting App with Vue
- Build a Blog with Vue, GraphQL and Apollo
- Build a full stack web application using MEVN (MongoDB, Express, Vue, Node) stack
- Vue.js To-Do List Tutorial (video)
- Vue 2 + Pub/Sub: Build a peer to peer multi-user platform for games
Node.js
Server-side JavaScript with Node — real-time editors, TDD with Postgres, Twitter bots, search bots, job scrapers, GitHub apps, and Uber-style apps.- Build a real-time Markdown Editor with NodeJS
- Test-Driven Development with Node, Postgres and Knex
- Write a Twitter Bot in Node.js
- Build A Simple Search Bot in 30 minutes
- Build A Job Scraping Web App
- Building a GitHub App
- How to build your own Uber-for-X App using JavaScript, Node.JS, MongoDB and Web Sockets
D3.js
Data visualisation projects using D3 — from scatter plots to interactive line charts.Game Development
Build browser-based games using the Phaser framework and plain HTML5 Canvas.- Make 2D Breakout Game using Phaser
- Make Flappy Bird in HTML5 and JavaScript with Phaser
Desktop Applications
Build native cross-platform desktop apps using JavaScript and Electron.Miscellaneous JavaScript
Progressive Web Apps, virtual DOM implementations, Redux from scratch, GraphQL on AWS, and more.- Build a Progressive Web Application (PWA)
- Build A Native Desktop App with JS
- Build a Powerful API with NodeJs, GraphQL and Hapi
- How to Build a Web Framework in Less Than 20 Lines of Code
- Build Yourself a Redux
- How to write your own Virtual DOM
- Build A Realtime Serverless GraphQL API with WebSockets on AWS
Also worth exploring from the general JavaScript section:
- Build 30 things in 30 days with 30 tutorials
- Build an App in Pure JS
- Build a Jupyter Notebook Extension
- Build a TicTacToe Game with JavaScript
- Build a Simple Weather App With Vanilla JavaScript
- Build a Todo List App in JavaScript