/ddd-vue-match-game

Vue3, TypeScript, Domain Driven Design - Match-Match Game

Primary LanguageTypeScript

Clean code. Domain Driven Design with Vue 3

Used: Typescript, Vue 3, Pinia

DEMO

https://vuegit.ru

Layers

Flow of controls:

                  USER
                    ↓
                UI (Vue)     ←     Presentor
                    ↓                  ↑
(entities)      (usecases)      (State, Pinia)   
 Domain     →  Application           Data
                    ↓                 ↓ ↑
            Adapters (Driven)  →  Repository
                    ↓                          
            Infrastructure  ←  API, etc.

Dependencies:

                  USER
                    ↓
                UI (Vue)     ←    Presentor
                    ↓                 ↑
(entities)      (usecases)      (State, Pinia)  
 Domain     ←  Application           Data
                    ↑                 ↓
            Adapters (Driven)  ←  Repository
                    ↑               
            Infrastructure  ←  API, etc.

Project Setup

npm install

Dev mode:

npm run dev

Build:

npm run build

Links

https://herbertograca.com/2017/11/16/explicit-architecture-01-ddd-hexagonal-onion-clean-cqrs-how-i-put-it-all-together/