Esta pregunta puede depender mucho del tipo de proyecto, pero personalmente te puedo hacer una sugerencia...
En principio la API y la APP van separadas tal cual como lo tienes, ahora bien sería bueno que sigas la siguiente recomendación a lo largo de tu proyecto.
No se si has escuchado hablar del termino Clean Architecture el cual viene del libro de Rober C. Martin (Oncle Bob), resulta que esta se basa en organizar el código por capas acuñando el termino de Arquitectura Hexagonal por su forma tipo "cebolla":
Este tema puede irse bien largo, te recomiendo que te informes más a fondo pero te resumire el tema de la forma más simple a modo ejemplo.
Imaginate que estás creando una app resulta que para dividir la app por capas tendrás que tener dentro de src/app la siguiente estructura:
Core/
Components/
dump/
dump-component.html
dump-component.css
dump-component.ts
dump-component.spec.ts
Types/
Utils/
features/
random-feature
Application/
use-case.ts
Domain/
interface.ts
Infraestructure/
repository.ts
UI/
component.html
component.ts
component.spec.ts
component.css
app.ts
app.css
app.html
En core irá toda esa parte de la app que se comparte entre diferentes componentes y/o se usa globalmente.
En features irás todas las funcionalidades de tu app (Lo puedes dividir por paginas, recuerda que los componentes que se usan aquí son los que se van a mostrar directamente en la página y en core irán esos componentes "tontos".
Obviamente tendrás que tener en cuenta como conectar todo desde crear una interfaz, la insfraestructura y luego el caso de uso que es el que vas a llamar desde la UI.
Te invito a que estudies más a fondo del tema porque realmente puede ser un poco complicado al principio pero luego verás que será una de las mejores cosas que vas a aprender.
Algunas fuentes que podrías visitar: