DEV Community

DevThuong
DevThuong

Posted on

#1 - GameOverNight: πŸ—‚οΈ Project Structure of GameOverNight

GameOverNight is a serious solo project of mine β€” an HTML5 game portal for browser-based play.

From the beginning, I wanted to develop it in a clean, organized, and scalable way.


🧱 gon-workspace: One folder to rule them all

All source code, tools, and content related to GameOverNight are kept inside a single root folder called: gon-workspace. By keeping everything in one place, it's easier to manage, back up, and scale as the project grows.


πŸ“ Current Folder Structure

gon-workspace/
β”œβ”€β”€ client/ # Next.js project – main UI at gameovernight.com
β”œβ”€β”€ api/ # Express.js backend – runs at api.gameovernight.com
β”œβ”€β”€ posts/ # Static HTML posts
└── tools/ # CLI tools for zipping builds, backing up automatically


πŸ” What each folder does

  • client/: The public-facing site built with Next.js. This is where games are listed and played.

  • api/: The backend written in Express.js. It handles routes, storage and analytics.

  • posts/: This folder stores draft HTML content before it's entered into the MySQL database. Since I currently manage my site directly via cPanel and phpMyAdmin β€” without a traditional admin page β€” I use this folder as a personal staging area. Later on, I might replace this workflow with a real admin interface or CMS.

tools/: A set of CLI scripts I wrote to automate zipping the web source code for deployment and backing up key files after each build.


πŸ’‘ Why this matters

Organizing everything under a single workspace allows me to:

  • Develop faster without switching between messy folders
  • Automate builds and backups more easily
  • Prepare for future scaling or open-sourcing

I'm sharing this structure in case it's useful to anyone building a similar project β€” whether it's for games, a dev tool, or a multi-part app.

Let me know what your structure looks like!

Top comments (0)