How I Organize All My Code Files

Bridget AmanaBridget Amana
2 min read

When we talk about folder structure, most people think about a project setup. Like how to organize files in a React or Vue app. But before all that, how are you organizing your code on your computer? Are your files all over the place? Or do you dump everything into one folder with tutorials, projects, and work?

Having a simple folder structure makes things easier. You can find what you need, jump back into projects faster, and keep your space clean.

In this post, I’ll show you how I organize my code folders on my PC.

My Simple Folder Structure

I have a top-level folder called code that’s where everything development-related lives. Inside it, I’ve broken things down into:

code/
├── tutorials/
├── projects/
├── work/
├── dump/

Here’s what each folder is for:

  • tutorials/ – Code I wrote while following YouTube videos, blog posts, or online courses. Sometimes I go back to these as references.

  • projects/ – Personal side projects I care about or plan to build further.

  • work/ – Work I’ve done for others — freelance, collaborations, etc.

  • dump/ – Quick tests, random code experiments, or something I just wanted to try and delete later.

Conclusion

This setup works for me now, but it’ll probably change later. The goal is to stay consistent enough that you can easily find and maintain your code over time.

I am eager to know, how do you organize your code folders?
I might steal a tip or two

19
Subscribe to my newsletter

Read articles from Bridget Amana directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Bridget Amana
Bridget Amana

I write on web development, CSS, JavaScript, and accessibility. I simplify complex topics to help developers build better, more inclusive web experiences.