Código Fuente

• Estructura del código.

.
├── LICENSE
├── next.config.js
├── next.d.ts
├── next-env.d.ts
├── package.json
├── package-lock.json
├── pages
│   ├── 404.tsx
│   ├── applications
│   │   └── messenger
│   ├── _app.tsx
│   ├── components
│   │   ├── accordions
│   │   ├── avatars
│   │   ├── badges
│   │   ├── blog
│   │   ├── buttons
│   │   ├── cards
│   │   ├── forms copy
│   │   ├── hospitalStaffEdition
│   │   ├── hospitalStaffRegistration
│   │   ├── modals
│   │   ├── quickStaffEdition
│   │   ├── tabs
│   │   └── tooltips
│   ├── dashboards
│   │   └── personnel
│   ├── _document.tsx
│   ├── index.tsx
│   ├── management
│   │   ├── profile
│   │   └── transactions
│   ├── registro
│   │   └── index.tsx
│   └── status
│       ├── 500
│       ├── coming-soon
│       └── maintenance
├── public
│   ├── favicon.ico
│   ├── icon-192x192.png
│   ├── icon-256x256.png
│   ├── icon-384x384.png
│   ├── icon-512x512.png
│   ├── manifest.json
│   ├── _redirects
│   ├── robots.txt
│   └── static
│       └── images
├── README.md
├── src
│   ├── components
│   │   ├── Chart
│   │   ├── Footer
│   │   ├── HospitalStaffEdition
│   │   ├── HospitalStaffRegistration
│   │   ├── Label
│   │   ├── Link
│   │   ├── Logo
│   │   ├── LogoSign
│   │   ├── PageTitle
│   │   ├── PageTitleWrapper
│   │   ├── QuickStaffEdition
│   │   ├── Scrollbar
│   │   ├── Text
│   │   └── ThemeSelector
│   ├── content
│   │   ├── Applications
│   │   ├── Dashboards
│   │   ├── Management
│   │   └── Overview
│   ├── contexts
│   │   └── SidebarContext.tsx
│   ├── createEmotionCache.ts
│   ├── layouts
│   │   ├── BaseLayout
│   │   └── SidebarLayout
│   ├── models
│   │   └── crypto_order.ts
│   ├── services
│   │   ├── apiConfig.ts
│   │   └── employeeService.ts
│   └── theme
│       ├── base.ts
│       ├── schemes
│       └── ThemeProvider.tsx
└── tsconfig.json

---

• Convenciones de Nomenclatura

En este proyecto, se siguen las siguientes convenciones de nomenclatura para garantizar coherencia y legibilidad en el código:

Estructura de Directorios

• Los nombres de los directorios se escriben en minúsculas y utilizan guiones bajos para separar palabras, siguiendo el estilo snake_case. Por ejemplo: applications, components, dashboards, registro, status.

Archivos

• Los nombres de archivos se escriben en minúsculas y también utilizan guiones bajos para separar palabras. Se sigue el estilo snake_case. Por ejemplo: _app.tsx, index.tsx, next.config.js.

Componentes

• Los nombres de los componentes se escriben en PascalCase. Por ejemplo: HospitalStaffEdition, QuickStaffEdition, PageTitleWrapper.

Contextos

• Los archivos de contexto siguen el estilo PascalCase. Por ejemplo: SidebarContext.tsx.

Modelos

• Los nombres de los modelos se escriben en camelCase. Por ejemplo: crypto_order.ts.

Servicios

• Los servicios y utilidades se escriben en camelCase. Por ejemplo: apiConfig.ts, employeeService.ts.

Temas y Estilos

• Los archivos relacionados con temas y estilos siguen el estilo snake_case. Por ejemplo: base.ts, ThemeProvider.tsx.

---

• Comentarios Relevantes en el Código

Se han incluido comentarios relevantes en el código para explicar la lógica, funcionalidad o decisiones específicas de implementación. Estos comentarios estratégicos proporcionan claridad sobre aspectos importantes del código.