How the Web Works

When you type lumora.camp into your browser, here's what happens in about 1 second: 1. DNS Lookup — your browser asks "what's the IP address for lumora.camp?" (like looking up a phone number for a name) 2. Connection — your browser connects to that server 3. Request — your browser says "give me the homepage" (HTTP GET request) 4. Response — the server sends back HTML, CSS, and JavaScript files 5. Rendering — your browser reads the files and paints the page on screen

• Browser — the app you use to view websites (Chrome, Safari, Firefox) • Server — a computer that stores and serves website files 24/7 • HTTP/HTTPS — the language browsers and servers use to talk (HTTPS = encrypted, secure) • DNS — the "phone book" of the internet, converts names to IP addresses • URL — the address of a specific page (https://lumora.camp/projects) • Frontend — what the user sees (HTML, CSS, JS running in the browser) • Backend — what runs on the server (databases, APIs, authentication)

Frontend (client-side): • Runs in the user's browser • HTML structure, CSS styling, JavaScript interactivity • What the user sees and interacts with • Tools: React, Next.js, Tailwind CSS Backend (server-side): • Runs on a server somewhere • Handles data, authentication, business logic • Talks to databases, sends emails, processes payments • Tools: Node.js, Python, Supabase, databases Full-stack = both frontend + backend