https://github.com/albanesidev/ecommerce-angular-hard-store

Hard-Store E-Commerce | Angular 17 SSR | Ngrx | PrimeNG | PrimeFlex
https://github.com/albanesidev/ecommerce-angular-hard-store

angular angular-ecommerce-application angular17 angular17-ssr ecommerce ecommerce-application firebase firebase-auth firebase-firestore javascript ngrx ngrx-store primeflex primeng server-side-rendering typescript

Last synced: about 1 month ago
JSON representation

Hard-Store E-Commerce | Angular 17 SSR | Ngrx | PrimeNG | PrimeFlex

• Host: GitHub
• URL: https://github.com/albanesidev/ecommerce-angular-hard-store
• Owner: AlbanesiDev
• Created: 2024-06-04T01:26:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-29T02:19:57.000Z (over 1 year ago)
• Last Synced: 2025-07-27T09:41:41.505Z (2 months ago)
• Topics: angular, angular-ecommerce-application, angular17, angular17-ssr, ecommerce, ecommerce-application, firebase, firebase-auth, firebase-firestore, javascript, ngrx, ngrx-store, primeflex, primeng, server-side-rendering, typescript
• Language: TypeScript
• Homepage: https://hard-store-ar.web.app/
• Size: 11.2 MB
• Stars: 8
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Hard Store






  Funcionalidades •

  Tecnologías utilizadas •

  Instalación y uso •

  Contribuciones






Hard Store es una  tienda online especializada en hardware de PC, periféricos y todo lo relacionado. Desarrollada con Angular 17, esta aplicación utiliza Server Side Rendering para mejorar el rendimiento y SEO, gestionada con NgRx para un manejo eficiente del estado, y alojada en Firebase. La interfaz de usuario está construida con PrimeNG y PrimeFlex, proporcionando una experiencia moderna y responsiva.




![screenshot](./docs/assets/home.png)







## Funcionalidades

- **Registro e Inicio de Sesión**: Los usuarios pueden registrarse y acceder a sus cuentas.

- **Gestión de Pedidos y Compras**: Los usuarios pueden gestionar sus pedidos y el historial de compras.

- **Favoritos**: Los usuarios pueden añadir productos a su lista de favoritos.

- **Catálogo de Productos**: Visualiza el catálogo completo de productos disponibles.

- **Filtros y Ordenación**: Filtra los productos por categorías y ordénalos según diferentes criterios.

- **Barra de Búsqueda**: Busca productos rápidamente usando la barra de búsqueda.

- **Sección "Armá tu PC"**: Guía paso a paso para escoger componentes y armar una PC a medida.




![screenshot](./docs/assets/shop.png)




![screenshot](./docs/assets/product.png)




![screenshot](./docs/assets/cart.png)




## Tecnologías Usadas

- **Angular 17**: Framework principal para el desarrollo frontend.

- **Server Side Rendering**: Mejoras en rendimiento y SEO.

- **NgRx**: Gestión del estado de la aplicación.

- **Firebase**: Backend para autenticación, base de datos y hosting.

- **PrimeNG**: Componentes de UI para Angular.

- **PrimeFlex**: Utilidades CSS para diseños responsivos.