https://github.com/majid-l/angular-scifi-shop

Angular e-commerce app featuring a service-based and side-effect driven architecture, state management via NgRx Store and Effects, mock payments via Stripe API, session-based authentication, SSO, multiple custom themes, and much more!
https://github.com/majid-l/angular-scifi-shop

angular-material http-client ngrx rxjs sass sessions sso-authentication stripe-payments

Last synced: 23 days ago
JSON representation

Angular e-commerce app featuring a service-based and side-effect driven architecture, state management via NgRx Store and Effects, mock payments via Stripe API, session-based authentication, SSO, multiple custom themes, and much more!

• Host: GitHub
• URL: https://github.com/majid-l/angular-scifi-shop
• Owner: majid-L
• Created: 2023-08-07T22:37:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-18T18:33:42.000Z (11 months ago)
• Last Synced: 2024-11-07T11:35:42.341Z (2 months ago)
• Topics: angular-material, http-client, ngrx, rxjs, sass, sessions, sso-authentication, stripe-payments
• Language: TypeScript
• Homepage: https://xpulse.vercel.app
• Size: 28.6 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sci-fi-themed Angular project

This is a sci-fi themed Angular application, brimming with complex functionality and advanced features. The app is heavily focused on user experience and visual design. It even comes with its own fictitious lore.






## [Visit the app](https://xpulse.vercel.app)

Here is a preview of the products page.



## Key product features

- Built with **Angular Material** components.

- Reactive state management with NgRx Store and RxJS observables.

- Side-effect-driven architecture implemented via NGRX Effects in response to network requests.

- Service-based design to isolate core tasks (fetching data and updating state) away from components.

- Extensive CRUD functionality allowing users to interact with products, cart, wishlist, reviews and user account.

- Plentiful hints, tips, loading indicators and error feedback at every step, implemented via dialog boxes, overlays and other visual cues.

- Fully realised multi-step checkout experience with several payment methods, an express checkout option, address forms, and Stripe payment flows supported by backend code.

    - Mock payment processing implemented via Stripe API.

- Multiple themes implemented with Sass variables and mixins, using Angular Material's theming system.

- Authentication via local strategies as well as single sign-on with Facebook, Amazon and Google.

## Webpages

The app contains many different views. Here are the main pages:

- Products (with pagination and filtering)

- Single product

- Orders

- Single order

- Cart

- Wishlist

- Favorites

- Reviews (with pagination and filtering)

- Login/signup component

- Checkout