• event_list Categories
  • category Components
      • HTML Introduction
      • HTML IDEs
      • HTML Document Structure
      • HTML Elements
      • Text Formatting and Links
      • HTML Anchors (Anchor Links)
      • List and Table
      • Image
      • Absolute and Relative Path in HTML
      • Forms and Input Elements
      • HTML5 Features
      • Accessibility and Best Practices in HTML
      • Semantic HTML
      • Web Accessibility (a11y)
      • SEO and Meta Tags
      • Web Components
      • SVG and Canvas
      • HTML Tables Deep Dive
      • Media Elements
      • Advanced Meta Tags and Document Head
      • Introduction to CSS
      • CSS IDEs
      • Flexbox Layout
      • CSS Grid Layout
      • CSS Architecture
      • CSS Preprocessors (Sass)
      • CSS Performance
      • Modern CSS Features
      • Print Styles
      • Dark Mode with CSS
      • Container Queries Deep Dive
      • CSS Syntax and Selectors
      • CSS Box Model
      • CSS Layout Techniques
      • Styling Text and Fonts
      • Colors and Backgrounds
      • CSS Transitions and Animations
      • Responsive Design
      • CSS Frameworks and Libraries
      • Advanced CSS Topics
      • 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
      • Web APIs Deep Dive
      • Error Handling Deep Dive
      • JavaScript Build Tools
        • Array.map()
        • Array.filter()
        • Array.reduce()
        • Array.forEach()
        • Array.find()
        • Array.findIndex()
        • Array.some()
        • Array.every()
        • Array.includes()
        • Array.indexOf()
        • Array.slice()
        • Array.concat()
        • Array.flat()
        • Array.flatMap()
        • Array.sort()
        • Array.reverse()
        • Array.splice()
        • Array.toSorted()
        • Array.at()
        • Array.fill()
        • Array.copyWithin()
        • Array.entries()
        • Array.keys()
        • Array.values()
        • Array.from()
        • Array.of()
        • Array.isArray()
        • String.charAt()
        • String.charCodeAt()
        • String.slice()
        • String.substring()
        • String.substr()
        • String.indexOf()
        • String.lastIndexOf()
        • String.includes()
        • String.startsWith()
        • String.endsWith()
        • String.trim()
        • String.trimStart()
        • String.trimEnd()
        • String.toLowerCase()
        • String.toUpperCase()
        • String.replace()
        • String.replaceAll()
        • String.split()
        • String.padStart()
        • String.padEnd()
        • String.repeat()
        • String.match()
        • String.matchAll()
        • String.search()
        • String.localeCompare()
      • 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 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
      • Introduction to Java
      • Installing Java Development Kit (JDK)
      • Java IDEs
      • "Hello World" Java program
      • Explanation of "Hello, World!"
      • Input and Output in Java
      • Comments in Java
      • Java Variables
      • Java Data Types
      • Java Operators
      • Java Control Flow Statements
      • Loops in Java
      • Java Object-Oriented Programming (OOP)
      • The "this" Keyword in Java
      • Java Constructor
      • Java Methods
      • Static Members in Java
      • Access Modifiers in Java
      • String Handling in Java
      • Java Arrays
        • Common Java Interview Questions
        • Collections Interview Questions
        • Concurrency Interview Questions
      • Java Collections
      • Utility classes in Java
      • Java Exception Handling
      • Java I/O
      • Multithreading and Concurrency in Java
      • Java Network Programming
        • Generics
        • Annotations
        • Enums
        • Records
        • Sealed Classes
        • Lambda Expressions
        • Functional Interfaces
        • Introduction to Spring
        • Spring Core (IoC & AOP)
        • Spring Boot
        • Spring Data & Persistence
        • Spring Security
        • Stream API
        • Optional
        • Comparable & Comparator
        • Collections Best Practices
        • Thread Pools
        • Locks & Synchronizers
        • CompletableFuture
        • Virtual Threads
        • Concurrent Collections
        • NIO Basics
        • NIO.2 File API
        • Serialization
        • Character Sets & Encoding
        • JVM Architecture
        • Class Loading
        • Java Memory Model
        • Garbage Collection
        • Bytecode Basics
        • JPMS Overview
        • Module Dependencies
        • java.time API
        • Date/Time Formatting
        • Reflection Basics
        • Dynamic Proxy
        • jcmd, jmap & jstack
        • JFR & VisualVM
        • jlink & jpackage
        • Key-value hash table
        • Unique elements set
        • Resizable array list
        • Doubly-linked list
        • Sorted map
        • Sorted set
        • Heap-based queue
        • Null-safe container
        • Stream map operation
        • Stream filter operation
        • Stream reduce operation
        • Stream collect to collection
        • Async composition
        • Thread pool executor
        • Explicit locking
        • Sync latch
        • Permit-based sync
        • NIO file operations
        • TCP networking
        • Java 11+ HTTP client
      • Introduction to PHP
      • Installing PHP
      • PHP IDEs
      • Basic PHP Syntax
      • Operators in PHP
      • Control Structures in PHP
      • Functions in PHP
      • Arrays in PHP
      • Strings in PHP
      • Forms and User Input in PHP
      • Sessions and Cookies in PHP
      • File Handling in PHP
      • Working with Databases in PHP
      • Error Handling in PHP
      • Object-Oriented Programming (OOP) in PHP
      • Constructor in PHP
      • Interface in PHP
      • $this in PHP
      • Trait in PHP
      • PHP Best Practices
      • PHP Frameworks, RESTful APIs, and Unit Testing
      • Strict Types
      • PHP Standard Recommendations (PSRs)
      • Namespaces and Autoloading
      • Composer Package Management
      • Laravel Framework
      • Symfony Framework
      • PHP Security
      • PHP Performance Optimization
      • PHP 8+ Features
      • Deployment and DevOps
      • PHPUnit Testing
      • PHP Caching Strategies
      • Advanced PHP API Development
      • WordPress Development
      • PHP Performance Deep Dive
      • Introduction to Python
      • Python Installation
      • Python Basics
      • Python IDEs
      • Python Comments
      • Functions and Modules in Python
      • File Handling in Python
      • Python Error Handling and Exceptions
      • Python Error Handling and Exceptions
      • Python Advanced Topics
      • Python Libraries and Frameworks
      • Python Testing and Quality Assurance
      • Decorators and Generators
      • Async Python
      • Web Development with Flask and Django
      • Data Science Basics
      • Packaging and Virtual Environments
      • Performance and Profiling
      • Django Deep Dive
      • FastAPI
      • Machine Learning with Python
      • Data Engineering with Python
        • List Comprehensions
        • Dict Comprehensions
        • Generators
        • Decorators
        • Context Managers
        • Type Hints
        • Dataclasses
        • Pathlib
        • Asyncio Basics
        • Unittest
        • Pytest Fixtures
        • Logging
        • Argparse
        • Json Module
        • Csv Module
        • Sqlite3
        • Requests Http
        • Virtualenv
        • Packaging Pip
        • Itertools
        • Functools
        • Collections Module
        • Re Regex
        • Datetime Module
        • Multiprocessing
        • Threading
        • Subprocess
        • Os Module
        • Sys Module
      • Introduction to C#
      • Installing C# (.NET Development Environment)
      • Hello, World! Console Application in C#
      • Structure of a C# Program
      • Variables and Data Types
      • Control Flow
      • Methods and Functions
      • OOP in C#
      • Collections and LINQ
      • Exception Handling
      • File I/O
      • ASP.NET Core Basics
      • Async/Await
      • Entity Framework Core
      • Dependency Injection
      • Testing with xUnit
      • Blazor Development
      • Microservices with C# and .NET
      • 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
      • GraphQL with Node.js
      • Microservices with Node.js
      • Message Queues in Node.js
      • Scaling Node.js Applications
    • 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
      • Introduction to MySQL
      • Installing MySQL
      • SQL Basics
      • Data Types and Schema Design
      • CRUD Operations
      • Joins and Subqueries
      • Indexes and Query Optimization
      • Transactions and ACID
      • Stored Procedures and Triggers
      • Performance Tuning
      • Replication and High Availability
      • Backup and Recovery
      • Security Best Practices
      • Stored Functions and UDFs
      • Table Partitioning
      • Monitoring and Observability
      • Introduction to MSSQL (Microsoft SQL Server)
      • Installing MSSQL (Microsoft SQL Server)
      • SQL Server Management Studio (SSMS)
      • Basic SSMS Features
      • T-SQL Basics
      • Data Types and Schema Design
      • CRUD Operations
      • Joins and Views
      • Stored Procedures and Functions
      • Indexes and Query Optimization
      • Transactions and Locking
      • High Availability (Always On)
      • Backup and Recovery
      • Security and Auditing
      • Performance Tuning
      • Always On Deep Dive
      • Query Store Deep Dive
      • Production Operations
      • Replica Sets and Sharding
      • Performance Optimization
      • Change Streams and Transactions
      • MongoDB Atlas
      • MongoDB Sharding Deep Dive
      • MongoDB Production Operations
      • Introduction to MongoDB
      • Installing MongoDB
      • MongoDB Basics
      • CRUD Operations
      • Indexing in MongoDB
      • MongoDB Aggregation Framework
      • MongoDB Data Modeling
      • MongoDB Security
      • Introduction to Redis
      • Installing Redis
      • Redis Data Structures
      • Strings, Hashes, and Lists
      • Sets, Sorted Sets, and Streams
      • Caching Strategies
      • Pub/Sub Messaging
      • Session Storage
      • Persistence (RDB and AOF)
      • Redis Cluster
      • Performance and Monitoring
      • Redis Sentinel High Availability
      • Redis Memory Optimization
      • Redis Production Patterns
      • Introduction to AWS
      • AWS Account Setup
      • IAM and Security Basics
      • EC2 — Virtual Servers
      • S3 — Object Storage
      • RDS — Managed Databases
      • VPC — Networking
      • Lambda — Serverless
      • CloudWatch — Monitoring
      • Elastic Load Balancing
      • Well-Architected Framework
      • Cost Optimization
      • DevOps with CodePipeline
      • ECS and EKS — Container Orchestration
      • Advanced Networking
      • Disaster Recovery on AWS
      • Introduction to Azure
      • Azure Account Setup
      • Azure Active Directory
      • Virtual Machines
      • Azure App Service
      • Azure SQL Database
      • Azure Storage
      • Azure Functions Serverless
      • Azure Monitor
      • Azure Kubernetes Service
      • Azure Well-Architected Framework
      • Cost Management
      • DevOps with Azure DevOps
      • Azure Container Instances and Container Apps
      • Advanced Networking
      • Disaster Recovery on Azure
      • Introduction to GCP
      • GCP Account Setup
      • IAM and Security
      • Compute Engine
      • Cloud Storage
      • Cloud SQL
      • VPC Networking
      • Cloud Functions Serverless
      • Cloud Monitoring
      • Google Kubernetes Engine
      • Architecture Best Practices
      • Cost Optimization
      • CI/CD with Cloud Build
      • Cloud Run — Serverless Containers
      • Advanced Networking on GCP
      • Disaster Recovery on GCP
      • Introduction to C Programming Language
      • Installing C Compiler
      • C IDEs and Development Tools
      • Hello World in C
      • Variables and Data Types in C
      • Control Flow in C
      • Functions in C
      • Arrays and Strings in C
      • Pointers in C
      • Structures and Unions in C
      • File I/O in C
      • Dynamic Memory in C
      • Preprocessor and Macros in C
      • Makefiles and Multi-file Projects
      • Systems Programming in C
      • Debugging C Programs
      • Network Programming in C
      • Embedded C Programming
      • Introduction to C++
      • Installing C++
      • C++ IDEs and Tools
      • Hello World in C++
      • Variables and Data Types in C++
      • Control Flow in C++
      • Object-Oriented Programming in C++
      • Inheritance and Polymorphism in C++
      • STL Containers in C++
      • STL Algorithms in C++
      • Templates in C++
      • Smart Pointers in C++
      • Modern C++ (C++11/14/17/20)
      • Move Semantics and RAII in C++
      • Concurrency in C++
      • Performance Optimization in C++
      • C++ Template Metaprogramming
      • C++20 Coroutines
      • C++ Best Practices and Style
      • Introduction to GoLang
      • Installing Go (Golang)
      • Dependency Management with Go Modules
      • Go IDEs and Tools
      • Dependency Management Before Go Modules
      • Hello World in Go
      • Variables and Types in Go
      • Control Flow in Go
      • Functions in Go
      • Structs and Interfaces in Go
      • Error Handling in Go
      • Concurrency in Go
      • Testing in Go
      • HTTP and Web Servers in Go
      • Context and Cancellation in Go
      • Performance and Profiling in Go
      • Deployment and Docker in Go
      • Microservices with Go
      • Advanced Profiling in Go
      • Production Go Best Practices
      • Introduction to Rust
      • Installing Rust
      • Rust IDEs and Tools
      • Hello World in Rust
      • Variables and Mutability
      • Ownership and Borrowing
      • Structs and Enums
      • Pattern Matching
      • Traits and Generics
      • Error Handling (Result/Option)
      • Collections and Iterators
      • Modules and Crates
      • Smart Pointers in Rust
      • Async Rust (Tokio)
      • Unsafe Rust and FFI
      • Performance and Benchmarking
      • Rust Macros — macro_rules! and Procedural
      • Advanced Testing in Rust
      • Production Rust Best Practices
      • Introduction to Dart
      • Installing Dart and Flutter
      • Dart IDEs and Tools
      • Hello World in Dart
      • Variables and Types
      • Control Flow
      • Functions and Classes
      • Async and Futures
      • Collections and Generics
      • Flutter Setup
      • Widgets and Layout
      • State Management
      • Navigation and Routing
      • Custom Widgets and Animations
      • Platform Channels
      • Testing and Deployment
      • Advanced Flutter Animations
      • Advanced State Management
      • Production Flutter Best Practices
      • Introduction to Linux
      • Linux Distributions
      • Installation and First Login
      • The Bash Shell
      • File System and Permissions
      • Essential Commands
      • Text Processing (grep, sed, awk)
      • User and Group Management
      • Process Management
      • Package Management (apt/yum)
      • Systemd Services
      • Networking and Firewall
      • SSH and Remote Access
      • Shell Scripting
      • Server Hardening and Security
      • Linux Containers (Docker/Podman)
      • Linux Log Management
      • Linux Automation (Ansible/cron)
      • 1. Singleton
      • 2. Factory Method
      • 3. Abstract Factory
      • 4. Builder
      • 5. Prototype
      • 6. Adapter
      • 7. Bridge
      • 8. Composite
      • 9. Decorator
      • 10. Facade
      • 11. Flyweight
      • 12. Proxy
      • 13. Chain of Responsibility
      • 14. Command
      • 15. Interpreter
      • 16. Iterator
      • 17. Mediator
      • 18. Memento
      • 19. Observer
      • 20. State
      • 21. Strategy
      • 22. Template Method
      • 23. Visitor
      • Introduction to Anti-Patterns
      • Common Design Anti-Patterns
    • Introduction to Git
    • Git Basics
    • Git Branching and Merging
    • Advanced Git
    • Git Collaboration
    • Introduction to Docker
    • Docker Installation
    • Dockerfile
    • Docker Compose
    • Production Docker
    • Introduction to CI/CD
    • GitHub Actions
    • Jenkins
    • CI/CD Best Practices
      • Kubernetes overview
      • Pods workload unit
      • Deployment controller
      • Cluster networking
      • HTTP routing
      • Configuration data
      • Sensitive data
      • Persistent storage
      • Resource isolation
      • Package manager
      • CLI essentials
      • Horizontal Pod Autoscaler
      • Role-based access
      • Health checks
      • Batch workloads
    • OSI 7-layer model
    • TCP/IP protocol suite
    • Domain Name System
    • HTTP request methods
    • HTTP status codes
    • HTTPS and TLS
    • HTTP cookies
    • Cross-Origin Resource Sharing
    • WebSocket protocol
    • Load balancing concepts
    • Content Delivery Networks
    • IP subnetting
    • Network Address Translation
    • Virtual Private Networks
    • Firewall rules
  • 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 Gaze Hub.