HTML/CSS/JS/C++ Project Structure and Organization
16:14 20 May 2026

I am developing a client-side single page web app with an university group. The frontend handles UI and user input, while the main computations are handled by webassembly files compiled from C++ with Emscriptem. We have decided to do it in the following way: the frontend receives user data, pass it to the Wasm module and show the processed information; The C++ core part will receive the data from the frontend, process it and return the processed information.

My question is: How should we organize the project structure? Also, should we use something like Cmake for building?

My initial idea is something like this:

project/
├── build/
├── include/
├── src/
│ ├── main.cpp
│ └── lib/
├── public/
│ ├── index.html
│ ├── css/
│ ├── js/
│ └── assets/
javascript c++ webassembly directory-structure emscripten