Build Projects

Build a Real-Time Chat App with WebSockets (Step by Step)

Step-by-step tutorial to build a real-time chat application using WebSockets with Python and FastAPI — connection handling, message broadcasting, rooms, and join/leave notifications.

Build a REST API with FastAPI (Step by Step)

Step-by-step tutorial to build a production-ready REST API with FastAPI — CRUD endpoints, Pydantic validation, database integration, query parameters, and auto-generated Swagger docs.

Build a CLI Tool in Python (Step-by-Step Tutorial)

Step-by-step tutorial to build a command-line tool in Python using argparse and click — subcommands, flags, config files, progress bars, error handling, and packaging.

Build a Web Scraper with Python (Step by Step)

Step-by-step tutorial to build a web scraper with Python using requests and BeautifulSoup — extract data, handle pagination, respect robots.txt, save to CSV, rate limiting.

Build a URL Shortener (Like bit.ly) — Full-Stack Tutorial

Step-by-step tutorial to build a URL shortener like bit.ly with Python Flask, SQLite, hash generation, redirect logic, click tracking, and a minimal frontend.

Build a Todo App with React + Node.js (Full-Stack Tutorial)

Step-by-step tutorial to build a full-stack todo app with React frontend, Node.js/Express backend, SQLite database — CRUD, mark complete, filter by status, persist data.

Build a Weather Dashboard App (Step by Step)

Step-by-step tutorial to build a weather dashboard app using the OpenWeatherMap API — city search, current weather, 5-day forecast, humidity, wind, and error handling.

Build a Markdown Editor with Live Preview (Step by Step)

Step-by-step tutorial to build a Markdown editor with live preview using HTML, CSS, and JavaScript — split-pane editing, markdown-to-HTML, syntax highlighting, file export.

Build a File Upload Service (Step by Step)

Step-by-step tutorial to build a file upload service with Python Flask — drag-and-drop, progress bar, file type/size validation, thumbnail preview, and secure filenames.

Build a Real-Time Data Dashboard (Step by Step)

Step-by-step tutorial to build a real-time data dashboard with Python, Chart.js, and WebSockets — live-updating charts, metrics, and tables that refresh automatically.

Build a Discord Bot with Python (Step by Step)

Step-by-step tutorial to build a Discord bot with Python using discord.py — prefix commands, slash commands, event listeners, embeds, cogs, permissions, and hosting.

Build a Portfolio Website with Hugo (Step by Step)

Step-by-step tutorial to build a personal portfolio website with Hugo static site generator — choose a theme, configure sections, add projects, deploy to Netlify, custom domain.

Build an E-Commerce Store with Next.js (Step by Step)

Step-by-step tutorial to build a full e-commerce store with Next.js — product listing, cart management, Stripe checkout, order confirmation, and admin dashboard.

Build a Blog CMS with Django (Step by Step)

Step-by-step tutorial to build a blog CMS with Django — post CRUD, categories, tags, markdown content, image uploads, pagination, RSS feed, and search.

Build an Authentication System with JWT (Step by Step)

Step-by-step tutorial to build a complete JWT authentication system with FastAPI — registration, login, access/refresh tokens, password hashing, protected routes, logout, and token blacklisting.

Build a CI/CD Pipeline with GitHub Actions (Step by Step)

Step-by-step tutorial to set up a complete CI/CD pipeline with GitHub Actions — lint, test, build, Docker image, matrix builds, caching, and deploy to Vercel/Netlify/AWS.

Build a File Converter with Python (Step by Step)

Step-by-step tutorial to build a file converter with Python CLI and web interface — CSV↔JSON, Markdown↔HTML conversion, image resizing and format conversion with Pillow.

Build a Platformer Game with Phaser.js (Step by Step)

Step-by-step tutorial to build a 2D platformer game with Phaser.js — player movement, gravity, collision detection, platforms, collectibles, score, enemies, and multiple levels.

Build an Image Processing Service with Python (Step by Step)

Step-by-step tutorial to build an image processing service with FastAPI and Pillow — upload, resize, crop, rotate, apply filters, watermark, async processing, and thumbnails.

Build a Matrix Rain Effect in the Terminal (Step by Step)

Step-by-step tutorial to build The Matrix "digital rain" effect in the terminal with Python — green falling characters, trailing effect, customizable speed, density, and character sets.

Build a Music Player App with React and Web Audio API (Step by Step)

Step-by-step tutorial to build a music player app using React and the Web Audio API — audio context, play/pause controls, playlist management, seek bar, volume control, and album art display.

Build a Full-Stack Note-Taking App with React, Express, and MongoDB (Step by Step)

Step-by-step tutorial to build a full-stack note-taking app with React frontend, Node.js/Express backend, MongoDB storage, markdown support, tags, and real-time search.

Build a Complete Docker Monitoring Stack with Prometheus, Grafana, and cAdvisor (Step by Step)

Step-by-step tutorial to build a Docker monitoring stack with Prometheus, Grafana, cAdvisor, and Node Exporter — docker-compose setup, custom dashboards, and alerting rules.

Build an API Rate Limiter with Redis and Express (Step by Step)

Step-by-step tutorial to build an API rate limiter with Redis-based sliding window counter and token bucket algorithm — Express middleware, configurable limits per user or IP, and rate-limit HTTP headers.

Build a Webhook Receiver Service with Express and Signature Verification (Step by Step)

Step-by-step tutorial to build a webhook receiver service with Express — HMAC signature verification, retry logic with exponential backoff, event logging, and a dashboard to view received webhooks.

Build a Static Blog Generator from Markdown in Node.js (Step by Step)

Step-by-step tutorial to build a static blog generator CLI tool in Node.js — reads markdown files, generates HTML with EJS templates, creates RSS feed, applies syntax highlighting, and deploys with a single command.

Build a Full-Stack App with Docker Multi-Stage Builds (Step by Step)

Step-by-step tutorial to build a full-stack application with Docker multi-stage builds — React frontend, Go API backend, PostgreSQL database, docker-compose orchestration, health checks, and persistent volumes.

Build a Kubernetes Deployment Pipeline with GitHub Actions (Step by Step)

Step-by-step tutorial to build a Kubernetes deployment pipeline with GitHub Actions — build Docker image, push to registry, deploy to K3s with kubectl, rolling updates, and health checks.

Build a Real-Time Notification System with WebSockets (Step by Step)

Step-by-step tutorial to build a real-time notification system with WebSockets — Node.js + ws server, browser client, notification types (info, warning, error), sound alerts, and notification history.

Build a CLI Password Manager with Python and AES Encryption (Step by Step)

Step-by-step tutorial to build a CLI password manager in Python with AES encryption using the cryptography library — master password, store/retrieve/generate passwords, SQLite backend, and argparse CLI interface.