freeCodeCamp
Long-form tutorials and news from one of the biggest learn-to-code communities.
Visit freeCodeCamp
Building a Website in 2026: What Matters More Than Your Tech Stack
For years, developers have debated which technology stack was best for building websites. Some preferred React. Others chose Vue, Angular, Svelte, or server-side frameworks such as Laravel and Django.
How to Run Private Text-to-Speech on Your Own Hardware Using QVAC
When I was putting the final touches on QuizRope, an educational mobile app I built that uses LLMs for real-time tutoring and homework assistance, I knew the next logical step was voice. Reading text
Mastra vs LangChain: Building an AI Agent Pipeline and Analyzing the Data
A week ago, I saw this tweet: I had just shipped SupportMesh, a multi-tenant AI support platform built on Mastra, so I had opinions from production. I liked the .dowhile() loop, the typed step schem
How Large-Scale Platforms Handle Millions of Daily Transactions
Every day, millions of people order food, stream videos, send messages, book rides, make payments, and shop online. Most of these actions take only a few seconds from the user's perspective. A user cl
The Saga Pattern in Node.js: How to Roll Back Distributed Transactions Across Microservices
Building reliable workflows across multiple microservices is challenging. In a monolith, a database transaction can ensure that multiple operations either succeed or fail together. But once data is sp
How to Build a Browser-Based PDF Crop Tool Using JavaScript
PDF files often contain unwanted margins, blank spaces, scanner borders, page headers, page footers, or unnecessary content around the main document area. Cropping allows users to remove these unwante
Geopolitical Risk Isn't One Thing. I Built a Python Framework to Prove It
On April 3, 2025, the US announced sweeping tariffs on Chinese imports. SPY dropped 4.8% that day. The next day, it dropped another 6%. Financial news ran the usual headline: markets rattled by geopol
How to Build a Case Converter Tool Using HTML, CSS, and JavaScript
If you're looking to level up your front-end development skills by building a practical web utility, this is the guide for you. We'll code a fully functional Case Converter Tool from scratch using onl
From Flutter to Backend: How to Build Production-Grade REST APIs with Dart and Dart Frog
Dart backend frameworks exist on a spectrum. At the minimal end sits Shelf, with raw primitives and full control. You wire everything yourself. At the maximal end sits Serverpod. It's a full framework
How to Scale Laravel Applications for High-Traffic Production Systems
Your first scaling problem rarely arrives with a bang. For a while, everything is fine: pages load fast, the database barely breaks a sweat, and the team ships features without thinking much about inf
How to Build a Browser-Based PDF Metadata Editor Using JavaScript – A Step-by-Step Guide
PDF files contain more information than what appears on the page. Behind every PDF document is metadata that stores information such as the document title, author, subject, keywords, creator applicati
How Attribute-Based Access Control Helps You Write Better Authorization Rules
Every application that handles user data eventually hits the same problem: not all users should see the same things. A junior nurse should not be able to access every patient record in the hospital. A
Backend Challenges Teams Face When Processing Repeat Payments
Modern payment systems look simple from the outside. A user clicks a button, enters payment details, and money moves from one account to another. But once payments happen repeatedly rather than once,
How to Preprocess Medical Images for Machine Learning – A Guide Using Chest X-Rays
Working with healthcare data introduces preprocessing challenges that go beyond those you might encounter with structured data. Some familiar techniques still apply, while others look very different o
How to Understand the Safe Integer Limit in JavaScript
According to the Stack overflow technology survey in 2025, JavaScript is one of the most widely used programming languages in the world. We use it to build frontend applications, backend services, pay
How to Automate PDF Data Extraction Using Python
PDFs are still one of the most widely used document formats in business. Financial reports, invoices, contracts, compliance filings, and operational documents are often shared as PDFs because they pre
How to Build a Browser-Based PDF Organizer Tool Using JavaScript
PDF files often become difficult to manage when pages are out of order, scanned incorrectly, duplicated, or spread across multiple documents. Instead of manually recreating the document, users often n
Beyond NVIDIA: Where the AI Infra Trade Actually Shows Up
The AI capex trade is usually discussed like one clean idea. Capex simply means capital expenditure, or the money companies spend on long-term assets like data centers, chips, servers, power systems,
How to Build a PDF Page Numbering Tool in the Browser Using JavaScript
When you're working with contracts, reports, invoices, manuals, or academic documents, page numbers make navigation much easier. Instead of manually editing every page, modern JavaScript libraries let
Build Professional Web Scrapers That Actually Work
Web scraping has evolved. If you’ve ever tried to pull data from a site, only to be hit with a CAPTCHA, an IP ban, or a "403 Forbidden" error, you know that modern websites are built to block automate
Production RAG with LangChain & Vector Databases
Master the transition from simple prototypes to production-grade RAG systems by addressing the critical scaling, debugging, and security challenges that standard tutorials often ignore. We just posted
How to Use Bash & Python for Real DevOps Automation – Full Handbook with 5 Production Use Cases
Automation scripts often validate process completion instead of system health. A Kubernetes pod can be running while the application inside it can't authenticate to the database. A Terraform deploymen
How to Build a Browser-Based PDF Rotator Using JavaScript
Sometimes PDF pages appear upside down, sideways, or in the wrong orientation after scanning or exporting documents. Instead of re-creating the document manually, users usually just need a quick way t
Think Like the JavaScript Engine
Most developers learn JavaScript by memorizing rules and copying framework patterns. But when a weird production bug hits or a senior engineer asks a deep architectural question during an interview, s
How to Build a Browser-Based PDF Watermark Tool Using JavaScript
PDF watermarks are commonly used for branding, document protection, approvals, confidential files, and internal document tracking. Whether it’s adding a company logo, a “CONFIDENTIAL” label, or a draf
How to Clean Time Series Data in Python
Real-world time series data is rarely clean. Sensors drop out, systems clock-drift, pipelines duplicate records, and manual data entry introduces mistakes. By the time a dataset reaches your notebook,
How to Build a Calculator with Tkinter in Python
In this tutorial, you'll learn how to create a simple arithmetic calculator in Python with Tkinter. The project will be one of your first steps towards building an actual GUI in Python. This is a hand
How to Build an Autonomous OSINT Agent in Python Using Claude's Tool Use API
When I started studying OSINT, I always felt I was just putting random values into software without deeply understanding what I was doing. After months in the field, I realized I wasn't really investi
How to Build a Browser-Based PDF to Image Converter Using JavaScript
Whether it’s invoices, scanned documents, reports, certificates, or receipts, users often need to convert PDF pages into image files quickly. Modern browsers make this much easier than before. Instead
How to Build Optimal AI Agents That Actually Work – A Handbook for Devs
Since moving to Silicon Valley in 2025, I've seen AI everywhere. And after I attended NVIDIA GTC 2025, one thing became very clear from many conversations I had: most companies now have AI agents runn
How to Convert Images to PDF in the Browser Using JavaScript – A Step-by-Step Guide
Whether it’s scanned documents, screenshots, receipts, notes, certificates, or multiple photos, users often need a quick way to combine images into a downloadable PDF. Modern browsers make this much e
How to Build a Live Options Database in Python – A Complete Guide
Live options analytics change constantly. Implied volatility shifts, Greeks drift, and the shape of the surface can look different even a few minutes later. But a lot of teams still treat these number
How to Build a Market Research Copilot with MCP and Python [Full Handbook]
Most financial AI tools are good at one thing: summarizing a stock. You ask about Apple, NVIDIA, or Tesla, and they give you a clean overview of price action, a few ratios, and maybe some company cont
How to Build a Scoped Note-Taking API with Django Rest Framework and SimpleJWT
If you've built a Django API and you're wondering how to add authentication so that each user can only access their own data, you're in the right place. Most Django tutorials teach you session-based a
Mastering the JavaScript Event Loop
JavaScript is famously single-threaded, yet it powers highly complex, interactive web applications without freezing up. How is this possible? The answer lies in the Event Loop. The Event Loop is a cor
How to Compress PDF Files in the Browser Using JavaScript (Step-by-Step)
PDF files are everywhere. From invoices and reports to résumés and documents, they’re one of the most common file formats we deal with. But there’s a common problem: PDFs can get large quickly. If you
How to Split PDF Files in the Browser Using JavaScript (Step-by-Step)
Working with PDFs is part of everyday development. Sometimes you don’t need the entire document. You just need a few pages — maybe a specific section, a report summary, or selected invoice pages. Most
How to Build a Full-Stack SaaS App with TanStack Start, Elysia, and Neon
Most full-stack React tutorials stop at "Hello World." They show you how to render a component, maybe fetch some data, and call it a day. But when you sit down to build a real SaaS application, you im
How to Design a Type-Safe, Lazy, and Secure Plugin Architecture in React
Modern web applications increasingly need to evolve faster than a single team can maintain a monolithic codebase. Product teams often want to add features independently, experiment with new capabiliti
Common React Mistakes to Avoid
By Scott Gary React is a highly popular and powerful JavaScript library for user interface development. Its component-based architecture, combined with its declarative nature, is one of the primary re…
How to Use React's Context API – Tutorial with Examples
In React, data is typically passed down from parent to child via props. But this can lead to "prop drilling" – where we have to pass props down through lots of components to get them where they're nee…
What's the Difference Between the useMemo and useCallback Hooks?
React provides various hooks that make it easier to manage application state and other React features in functional components. Hooks provide class component features to functional components, and the…
How to Upgrade from Node 16 and Jest 26 While Staying on React Scripts 4
Recently, I was trying to upgrade some of my open source projects. They were made using create-react-app around 2019, and I wanted to upgrade to a newer version of NodeJS and Jest. This would let me t…
How to Build a Counter Button with React, TailwindCSS, and TypeScript
How can you keep track of the number of times a user clicks a button? How are the hearts on Instagram or the likes on Facebook counted? In this tutorial, we will build a button that tracks the number…
Data Flow in Redux Explained – A State Management Handbook
In complex React applications, managing application state effectively can become a challenge. This is where Redux, a predictable state management library, steps in. By introducing a unidirectional dat…
React 19 Actions – How to Simplify Form Submission and Loading States
React 19 introduces Actions, which are asynchronous functions. Actions are helpful in making form submissions easier. This tutorial dives into what Actions are and how to use them. You'll learn about:…
How to Create Infinite Scrolling in React Using the Intersection Observer API
Hi fellow developers! Have you ever wondered how social media apps like Facebook and Instagram keep you scrolling endlessly through your feed? This user experience, designed to load new content on dem…
How to Validate Forms in React and React Native Using Yup and Formik
Validation is a key part of development, regardless of what programming language you’re writing. Developers should always be validating user input, API parameters, and retrieved values. One of the mos…
What are Controlled and Uncontrolled Components in React.js?
In React.js, managing form inputs and user interactions is a crucial part of building dynamic web applications. Two key concepts that developers need to understand are controlled and uncontrolled com…
How to Enhance Embedded Links in React with Microlinks
The web has evolved from rigid color coding and 2D rendering to an era of complex, aesthetically pleasing animations and 3D rendering options. There have also been integrations with new technologies,…