• Introduction to JavaScript
    • Installing JavaScript
    • JavaScript IDEs
    • Hands-On
    • Comments
    • Function altert
    • Function prompt
    • Function console.log
    • Data Types
    • Number
    • String
    • Boolean and Truthy/Falsy
    • Varables
    • Identifier Naming Conventions
    • Function typeof
    • Data Type Conversion
    • Math in JavaScript
    • Math Operators in JavaScript
    • if in JavaScript
    • switch in JavaScript
    • Loops in JavaScript
    • Functions in JavaScript
    • DOM Manipulation
    • Events in JavaScript
    • Strict Mode
    • Git Basics for Developers
    • Debugging JavaScript
    • JavaScript Arrays
    • JavaScript Objects
    • Asynchronous JavaScript
    • JavaScript Errors
    • ES6+ Features
    • APIs and Fetch
    • Scope and Closures
    • Prototypes and Inheritance
    • The this Keyword
    • Regular Expressions
    • Map, Set, WeakMap, and WeakSet
    • JSON
    • The Event Loop
    • Iterators and Generators
    • Browser Storage
    • Advanced Functions
    • Security in JavaScript
    • JavaScript Testing
    • Functional Programming
    • Design Patterns in JavaScript
    • Performance Optimization
    • Memory Management
    • ES Modules and Module Patterns
    • Proxy and Reflect
    • Web Workers
    • Modern JavaScript (ES2020+)
    • TypeScript Introduction
    • Introduction to Node.js
    • Setup and First App
    • Node.js Modules
    • npm and package.json
    • File System
    • HTTP Module
    • Streams and Buffers
    • Events and EventEmitter
    • Environment Variables
    • Express.js Basics
    • Middleware
    • REST API Design
    • Database Integration
    • Error Handling
    • Node.js Security
    • Deployment
    • WebSockets and Real-Time
    • Testing Node.js
    • Introduction to React
    • Project Setup
    • JSX
    • Components
    • Props
    • State
    • Events in React
    • Lists and Keys
    • Forms in React
    • React Hooks Overview
    • useEffect
    • Context and useReducer
    • React Router
    • Performance Optimization
    • Testing React
    • State Management
    • TanStack Query
    • Introduction to Angular
    • Project Setup
    • Components and Templates
    • Data Binding
    • Directives
    • Services and Dependency Injection
    • Routing
    • Forms
    • HTTP Client
    • RxJS and Observables
    • State Management
    • Testing
    • Introduction to Ionic
    • Ionic CLI Setup
    • Ionic UI Components
    • Navigation and Routing
    • Capacitor Native APIs
    • Theming and CSS Variables
    • Forms in Ionic
    • Build and Publish
    • Introduction to React Native
    • Expo Setup
    • Core Components
    • StyleSheet and Flexbox
    • React Navigation
    • FlatList
    • TextInput and Gestures
    • Fetch and Data
    • Platform APIs
    • Performance Tips
    • Build and Publish
    • Introduction to TypeScript
    • Setup and Configuration
    • Basic Types
    • Functions and Interfaces
    • Classes and Inheritance
    • Generics
    • Utility Types
    • Modules and Namespaces
    • Type Guards and Narrowing
    • Advanced Types
    • TypeScript with React
    • TypeScript with Node.js
    • Introduction to Next.js
    • Project Setup
    • Project Structure
    • Routing
    • Server and Client Components
    • Data Fetching
    • Rendering Strategies
    • API Routes and Route Handlers
    • Middleware
    • Styling
    • Metadata and SEO
    • Authentication
    • Deployment
    • Introduction to Vue
    • Project Setup
    • Template Syntax
    • Reactivity Fundamentals
    • Components Basics
    • Lifecycle Hooks
    • Forms and v-model
    • Vue Router
    • Pinia State Management
    • Composables
    • Async and API Integration
    • Testing Vue
    • Build and Deploy
    • Todo List App
    • Calculator
    • Weather App
    • REST API with Express
    • React Shopping Cart
    • Full-Stack Blog
    • Real-Time Chat
    • Vue Dashboard
    • React Native Notes App
  • to navigate
  • to select
  • to close
    • Home
    • Projects
    On this page
    • Learn by building.
      • Beginner
      • Intermediate
      • Advanced
    • Learn by building.
      • Beginner
      • Intermediate
      • Advanced

    Projects

    article

    Todo List App

    Build a vanilla JavaScript todo list with DOM manipulation, events, and localStorage persistence.

    article

    Calculator

    Build a JavaScript calculator with operator logic, keyboard support, and a clean grid-based UI.

    article

    Weather App

    Build a weather app using the Fetch API, async/await, and the OpenWeatherMap API.

    article

    REST API with Express

    Build a RESTful task API with Express — CRUD endpoints, validation, middleware, and error handling.

    article

    React Shopping Cart

    Build a React shopping cart with product listing, add/remove items, quantity controls, and a live …

    article

    Full-Stack Blog

    Build a full-stack blog with Next.js — markdown posts, database storage, and user authentication.

    article

    Real-Time Chat

    Build a real-time chat application with Socket.io, Express, and React — rooms, messages, and online …

    article

    Vue Dashboard

    Build a Vue 3 analytics dashboard with Vue Router, Pinia state management, and Chart.js …

    article

    React Native Notes App

    Build a mobile notes app with React Native — create, edit, delete notes, and persist data with …


    © 2026 JsCodeCamp Hub.