Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yul1b3th/design-system
https://github.com/yul1b3th/design-system
Last synced: 10 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/yul1b3th/design-system
- Owner: Yul1b3th
- Created: 2024-12-28T14:45:41.000Z (11 days ago)
- Default Branch: main
- Last Pushed: 2024-12-28T16:04:03.000Z (11 days ago)
- Last Synced: 2024-12-28T17:18:04.820Z (11 days ago)
- Language: HTML
- Homepage: https://design-system-omega-khaki.vercel.app
- Size: 483 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Design System
## Descripción
Un sistema de diseño diseñado para simplificar la creación de interfaces consistentes, accesibles y escalables. Ofrece una colección de componentes reutilizables y estilos unificados que optimizan la colaboración, el rendimiento del equipo y el mantenimiento del proyecto.
## Demo
Puedes ver la demostración de la aplicación en [Design System](https://ezhub-ds.vercel.app/).
## Características
- **Componentes Reutilizables**: Biblioteca modular para acelerar el desarrollo y reducir duplicidad.
- **Estilos Consistentes**: Garantiza una experiencia uniforme y profesional en toda la aplicación.
- **Accesibilidad**: Cumple estándares inclusivos para garantizar interfaces usables por todos.
- **Escalabilidad**: Organización del código diseñada para crecer con el proyecto.
- **Personalización**: Flexibilidad para adaptar componentes y estilos a distintas necesidades.
## Tecnologías Utilizadas
- [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
- [SCSS](https://sass-lang.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Angular CLI](https://github.com/angular/angular-cli) version 19.0.6.
## Requisitos
- Node.js y npm instalados en tu sistema. Puedes descargarlos desde [nodejs.org](https://nodejs.org/).
- Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:
```bash
npm install -g @angular/cli
```
## Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/Yul1b3th/design-system.git
```
2. Ingresa al directorio del proyecto:
```bash
cd design-system
```
3. Instala las dependencias:
```bash
npm install
```
## Ejecución
Ejecuta la aplicación con el siguiente comando:
```bash
ng serve -o
```
## Despliegue
Para desplegar la aplicación en producción, sigue estos pasos:
- **Paso 1:** Ejecuta el comando de construcción para compilar la aplicación Angular:
```bash
ng build --prod
```
- **Paso 2:** Los archivos generados se almacenarán en el directorio `dist/`. Puedes desplegar estos archivos en un servidor web o en un servicio de alojamiento que admita
aplicaciones web estáticas.
## Contribuciones
Si deseas colaborar en este proyecto o informar sobre problemas, no dudes en crear un "issue" o enviar un "pull request."