Fixsell es una plataforma web moderna y completa especializada en venta, renta y servicio de equipos de impresión y gestión documental. Desarrollada con Angular 16, ofrece una experiencia de usuario optimizada para empresas y particulares que buscan soluciones integrales de impresión.
Empresa dedicada a la venta, renta, servicio de equipos de impresión y gestión documental, utilizando tecnologías de innovación para añadir valor a las empresas.
- Amplia gama de equipos de oficina, producción, inyección de tinta y etiquetas
- Marcas líderes: Konica Minolta, Kyocera, Epson
- Filtros avanzados por categoría, marca, precio, características técnicas
- Información detallada de especificaciones y hojas de datos
- Venta: Equipos nuevos con garantía y soporte postventa
- Renta: Planes flexibles para proyectos temporales y empresas
- Servicio Técnico: Reparación especializada y mantenimiento preventivo
- Consumibles: Tóner, tintas, refacciones OEM y genéricos
- Sistema de paquetes de renta personalizables
- Promociones y ofertas especiales
- Landing pages específicas por segmento de mercado
- Gestión de consumibles y compatibilidades
- Formularios de contacto integrados
- Angular 16.2 - Framework principal
- TypeScript 5.1 - Lenguaje de programación
- PrimeNG 16.9 - Biblioteca de componentes UI
- PrimeIcons - Iconografía
- SCSS - Preprocesador CSS
- RxJS - Programación reactiva
- NGX Mask - Máscaras de entrada
- Swiper - Carruseles y sliders
- Angular Router - Navegación
- Angular Forms - Formularios reactivos
- Angular CLI - Herramientas de desarrollo
- Jasmine & Karma - Testing unitario
- TypeScript Compiler - Compilación
src/
├── app/
│ ├── consumables/ # Módulo de consumibles
│ │ ├── components/ # Componentes de consumibles
│ │ ├── pages/ # Páginas de consumibles
│ │ ├── pipes/ # Pipes específicos
│ │ └── services/ # Servicios de consumibles
│ ├── printers/ # Módulo de impresoras
│ │ ├── components/ # Componentes de impresoras
│ │ ├── interfaces/ # Interfaces TypeScript
│ │ ├── pages/ # Páginas de impresoras
│ │ ├── pipes/ # Pipes de formateo
│ │ └── services/ # Servicios de API
│ ├── pages/ # Páginas principales
│ │ ├── home/ # Página de inicio
│ │ ├── venta/ # Página de venta
│ │ ├── renta/ # Página de renta
│ │ ├── contacto/ # Página de contacto
│ │ └── marketing-landing-pages/ # Landing pages
│ ├── shared/ # Componentes compartidos
│ │ ├── components/ # Componentes reutilizables
│ │ ├── directives/ # Directivas personalizadas
│ │ ├── pipes/ # Pipes globales
│ │ └── services/ # Servicios compartidos
│ └── primeng/ # Configuración PrimeNG
├── assets/ # Recursos estáticos
│ ├── img/ # Imágenes del sitio
│ ├── fonts/ # Fuentes personalizadas
│ └── logo/ # Logotipos
└── environments/ # Configuraciones de entorno
- Node.js (versión 16 o superior)
- npm o yarn
- Angular CLI
-
Clonar el repositorio
git clone https://github.com/TheGerrex/fixsell-angular.git cd fixsell-angular -
Instalar dependencias
npm install
-
Configurar variables de entorno
# Editar src/environments/environment.ts export const environment = { production: false, baseUrl: 'http://localhost:3000' };
# Servidor de desarrollo
npm start
# o
ng serve
# Servidor con watch mode
npm run watch# Build de producción
npm run build
# Build de desarrollo
ng build --configuration development# Ejecutar tests unitarios
npm test# Generar componente
ng generate component nombre-componente
# Generar servicio
ng generate service nombre-servicio
# Generar módulo
ng generate module nombre-moduloEl proyecto está configurado para desplegarse en Netlify con las siguientes características:
- SPA Routing: Configurado para manejar rutas de Angular
- Build automático: Integración con el repositorio Git
- Funciones serverless: Soporte para funciones de Netlify
[build]
[build.budgets]
[build.budgets.CSS]
maximumBudget = 12
[[redirects]]
from = "/*"
to = "/index.html"
status = 200- Diseño Mobile-First: Optimizado para dispositivos móviles
- Breakpoints adaptativos: Soporte completo para tablet y desktop
- Componentes responsivos: UI adaptable a diferentes tamaños de pantalla
- Imágenes optimizadas: Carga eficiente de recursos gráficos
- Catálogo completo de impresoras
- Filtros avanzados y búsqueda
- Páginas de detalle de productos
- Sistema de paquetes de renta
- Gestión de consumibles y refacciones
- Compatibilidad con modelos de impresoras
- Categorización por tipo de consumible
- Sistema de colores y rendimiento
- Componentes reutilizables
- Servicios globales
- Pipes de formateo
- Directivas personalizadas
- Fork el proyecto
- Crea una rama para tu feature (
git checkout -b feature/nueva-caracteristica) - Commit tus cambios (
git commit -m 'Añadir nueva característica') - Push a la rama (
git push origin feature/nueva-caracteristica) - Abre un Pull Request
Este proyecto es propiedad de Fixsell del Norte y está protegido por derechos de autor.
- Website: fixsell.com.mx
- Facebook: fixsell1
- LinkedIn: Fixsell del Norte
Desarrollado con ❤️ por el equipo de Fixsell del Norte
© 2025 Fixsell del Norte. Todos los derechos reservados.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.