Passa al contenuto principale

Struttura dell'app

Il template Node delle applicazioni Riseact è progettato per essere flessibile e adattabile a diversi tipi di progetti. Fornisce una struttura di base per l'applicazione, ma è possibile personalizzarla in base alle proprie esigenze.

Struttura di base​

La struttura di base di un'applicazione Riseact è la seguente:

├── client
│   ├── index.html
│   ├── LICENSE
│   ├── package.json
│   ├── public
│   │   └── riseact.png
│   ├── src
│   │   ├── assets
│   │   │   └── react.svg
│   │   ├── components
│   │   │   ├── Navbar
│   │   │   │   ├── index.tsx
│   │   │   │   └── NavButton.tsx
│   │   │   └── Page
│   │   │       └── index.tsx
│   │   ├── config
│   │   │   ├── network.ts
│   │   │   └── routing.ts
│   │   ├── hooks
│   │   │   └── useOrganization.ts
│   │   ├── main.tsx
│   │   ├── Router.tsx
│   │   ├── routes
│   │   │   ├── Campaigns
│   │   │   │   ├── Create.tsx
│   │   │   │   ├── Detail.tsx
│   │   │   │   ├── Form.tsx
│   │   │   │   ├── index.tsx
│   │   │   │   └── List
│   │   │   │       ├── Filters.tsx
│   │   │   │       ├── index.tsx
│   │   │   │       └── VisibilityBadge.tsx
│   │   │   └── Home
│   │   │       └── index.tsx
│   │   ├── utils
│   │   │   └── enumTranslate.ts
│   │   └── vite-env.d.ts
│   ├── tsconfig.json
│   └── vite.config.ts
├── common
│   ├── gql-codegen.ts
│   ├── package.json
│   ├── src
│   │   ├── gql
│   │   │   ├── fragment-masking.ts
│   │   │   ├── gql.ts
│   │   │   ├── graphql.ts
│   │   │   └── index.ts
│   │   ├── queries.ts
│   │   └── types.ts
│   └── tsconfig.json
├── Dockerfile
├── LICENSE
├── package.json
├── package-lock.json
├── prisma
│   ├── migrations
│   │   ├── 20231031142218_init
│   │   │   └── migration.sql
│   │   └── migration_lock.toml
│   └── schema.prisma
├── README.md
├── server
│   ├── package.json
│   ├── src
│   │   ├── config
│   │   │   ├── database.ts
│   │   │   └── riseact.ts
│   │   ├── controllers
│   │   │   └── organization.ts
│   │   ├── env.d.ts
│   │   └── index.ts
│   └── tsconfig.json
├── tsconfig.build.json
└── tsconfig.json

Client​

La cartella client contiene il codice dell'applicazione front-end. Questa cartella è strutturata in modo da separare i componenti, le pagine, i hooks e le utility in cartelle separate.

  • index.html: file HTML principale dell'applicazione
  • package.json: file di configurazione del progetto
  • public: cartella contenente i file statici dell'applicazione
  • src: cartella contenente il codice sorgente dell'applicazione
    • assets: cartella contenente i file multimediali
    • components: cartella contenente i componenti dell'applicazione
    • config: cartella contenente i file di configurazione
    • hooks: cartella contenente i custom hooks
    • main.tsx: file principale dell'applicazione
    • Router.tsx: file contenente la definizione delle rotte
    • routes: cartella contenente le pagine dell'applicazione
    • utils: cartella contenente le utility

Common​

La cartella common contiene il codice condiviso tra il client e il server. Questa cartella è strutturata in modo da separare le query GraphQL, i tipi e i file di configurazione.

  • gql-codegen.ts: file di configurazione per la generazione dei tipi GraphQL
  • package.json: file di configurazione del progetto
  • src: cartella contenente il codice sorgente condiviso
    • gql: cartella contenente i file GraphQL
    • queries.ts: file contenente le query GraphQL
    • types.ts: file contenente i tipi TypeScript

Server​

La cartella server contiene il codice dell'applicazione back-end. Questa cartella è strutturata in modo da separare i controller, i file di configurazione e i file di ambiente.

  • package.json: file di configurazione del progetto
  • src: cartella contenente il codice sorgente dell'applicazione
    • config: cartella contenente i file di configurazione
    • controllers: cartella contenente i controller dell'applicazione
    • env.d.ts: file di definizione dei tipi per le variabili d'ambiente
    • index.ts: file principale dell'applicazione

Altri file​

  • Dockerfile: file di configurazione per la creazione dell'immagine Docker
  • LICENSE: file di licenza del progetto
  • package.json: file di configurazione del progetto
  • package-lock.json: file di lock delle dipendenze
  • prisma: cartella contenente i file di configurazione di Prisma
  • README.md: file di descrizione del progetto
  • tsconfig.build.json: file di configurazione per la compilazione del progetto
  • tsconfig.json: file di configurazione TypeScript del progetto