02 / 1824 min read

Your Computer, Explained

Learn where your work lives, what is running, and how the pieces connect—without pretending the vocabulary is obvious.

A map before the commands

A computer is not magic, and you do not need to understand all of it at once. For building software, start with five ideas: files hold information, folders organize files, programs read and change them, processes are programs currently running, and networks let one process ask another process for something.

Most technical instructions become easier once you can answer three questions: Where am I? What is running? Where does the information live? These questions are more useful than memorizing commands because they give every command a place in a larger map.

  • File: saved information such as code, an image, or configuration.
  • Folder: a named container that gives files an address.
  • Program: instructions your computer can execute.
  • Process: one running instance of a program.
  • Network request: one process asking another for data or an action.
Technical confidence begins when the machine stops feeling like one mysterious box.

Files, folders, and paths

A path is simply an address. If a project contains app/page.tsx, the project is the neighborhood, app is a building, and page.tsx is a room. An absolute path gives the full address from the computer's root. A relative path gives directions from where you currently are.

A software project is usually a folder containing source code, assets, instructions for installing dependencies, and configuration for running or deploying the result. The folder may also be a repository, meaning a history system is tracking its changes. Those are related ideas, but not identical: the project is the work; the repository is the recorded history of that work.

File extensions such as .png, .md, .ts, and .json tell people and programs what kind of information a file is expected to contain. They are labels, not guarantees. You still need to inspect the contents when the distinction matters.

Apps, processes, and the terminal

An app is the experience you open. Behind it, one or more processes do the actual work. Closing a window does not always stop its process, and starting an app twice may create two processes. This matters when an old development server keeps using a network port or a build seems to be running code you already changed.

The terminal is a text-based way to give your computer instructions. It is not a separate technical universe. Opening a folder in Finder and running cd into that folder in a terminal are two ways of navigating the same filesystem. Clicking an app and running a command are two ways of starting a process.

Before executing a command you do not understand, ask what it reads, what it changes, where it runs, and how to reverse it. Treat commands from agents and tutorials as proposed actions, not spells.

Case file

seeing the workflow before writing code

At Retool, my role was enterprise go-to-market—not software development. Working hundreds of accounts still exposed the hidden anatomy of a real workflow: CRM records, research sources, notes, product context, conversations, and the judgment of the person operating the account.

The software building came later through Replit and agentic coding environments such as Claude Code, Cursor, and Codex. Once I began creating apps, the earlier workflow knowledge became a map: records had to live somewhere, an interface had to read them, processes needed an environment, credentials controlled connections, and outcomes needed to be visible.

The first useful lesson was not a programming language. It was learning to ask where each piece lived, what was currently running, which source was authoritative, and how the pieces supported the person doing the work.

Decisions made

  1. 01Map the existing work and data before asking a coding agent to build.
  2. 02Distinguish the interface a person sees from the system storing the record.
  3. 03Treat credentials as scoped access, not text to paste wherever convenient.
  4. 04Verify the environment where a workflow actually ran.

Domain experience teaches you what the system must do. Replit, Claude Code, Cursor, and Codex help you turn that understanding into software—but only after you make the workflow visible.

Local, cloud, ports, and localhost

Local means the work is happening on the computer in front of you. Cloud means it is happening on a computer operated elsewhere. The same project can exist in both places, but changing the local copy does not automatically change the live website. Building, committing, pushing, and deploying are separate events that create different kinds of proof.

When a local website says it is running on localhost:3000, localhost means this computer and 3000 is the port—a numbered door used by a process. Two processes cannot normally listen through the same door at the same time. If the browser cannot connect, the process may have stopped, may be using another port, or may have failed before opening the door.

A URL combines these ideas into an address: the protocol describes how to communicate, the domain identifies the machine or service, the port identifies a door when needed, and the remaining path identifies a resource or route inside the application.

Configuration and secrets

Software behaves differently in different places because of configuration. An environment variable is a named value supplied to a running process, such as which database to use or whether the app is in development mode. A secret is sensitive configuration such as a password or API key.

Code can be shared; secrets should not be. Do not paste secrets into source files, screenshots, public chats, or Git history. Store them in the environment or a secret manager, give each process only the access it needs, and rotate a secret if it has been exposed.

When an agent says something works, ask where it worked and which configuration it used. A local process with your private key is not proof that a deployment has the same key, network access, permissions, or data.

Your five-question check

When you feel lost, do not guess faster. Rebuild the map. Name the project folder, the file you expect to matter, the process that should read it, the address you are using to reach that process, and the place where its data or configuration lives.

This habit scales. A beginner uses it to find a missing file. An experienced engineer uses the same structure to investigate a production incident across many services. The system becomes larger, but the questions remain recognizable.

  • Where is the project folder?
  • Which file or data source owns this behavior?
  • Which process should be running?
  • What address or port reaches it?
  • Which environment and secrets is it using?

Across the business

What this looks like in other departments

The engineering principle stays the same; the workflow, risk, and proof change with the domain.

Finance

Know where the numbers live

Separate a local export, the finance system of record, and a reporting dashboard before deciding which number is authoritative.

People & HR

Separate records from interfaces

Understand whether an onboarding page stores employee data itself or reads it from an HR system through an API.

Operations

Locate the running workflow

Identify whether an automation runs on a laptop, a hosted service, or a scheduled cloud worker before troubleshooting it.

Creative teams

Trace assets and versions

Know which files are original sources, which are generated exports, and which version a published page actually uses.

Technical deep dive

The where-is-it map

Use this lightweight map whenever a project, agent, or deployment feels confusing.

  1. 01LocateWrite the full path to the project and identify the files most likely to control the behavior.
  2. 02RunName the process, the command that starts it, and the signal that proves it is still running.
  3. 03ReachRecord the local or public address, including the port or route when relevant.
  4. 04ConfigureList the non-secret configuration and the names—not values—of required secrets.
  5. 05StoreIdentify where durable state lives and which source is authoritative.

Reference schema

project: absolute path + repository URL
process: start command + process owner + health signal
address: local URL + preview URL + production URL
configuration: environment + variable names + secret owner
state: local files + database + external systems

Try it yourself

Map one tool you already use

Choose a familiar app and trace what happens from one click to a saved result.

  1. 1Name the interface you interact with.
  2. 2Identify where you believe the saved information lives.
  3. 3List one other system the app communicates with.
  4. 4Mark what you know, what you inferred, and what you still need to verify.

Reusable artifact

System location worksheet

A plain-language inventory of where a software system lives and runs.

Project folder: [full local path]
Repository: [shared history location]
Start command: [how the process begins]
Local address: [localhost and port]
Live address: [public URL, if any]
State: [files, database, or external system]
Configuration: [environment variable names]
Proof: [how I know each part is current]

Before you move on

Receipt checklist

  • The project folder and repository are distinguished.
  • The running process and its address are named.
  • Local, preview, and live environments are not confused.
  • Secrets are identified by name without exposing their values.

Primary sources

Further reading

Home
Book
Blog
Calugaru Labs
GitHub
LinkedIn
Email
Theme