NX Angular E-commerce Project

About this project

This project is a personal Angular development endeavor aimed at enhancing my skills and knowledge in web application development using Angular framework. I plan to implement various features and functionalities to create a robust and interactive web application.

This project is still under development as Angular evolves, so does the development and features.

As I progress with this project, I aim to explore advanced Angular concepts such as lazy loading, state management with NgRx, and optimizing performance through code splitting.

Live Demo

angular-nx-store.vercel.app

Project Structure

There ae two applications tak can be build and serve indepedently admin and shop The rest is then in shared libs folder and the structure is similar to this:

apps/
  |-- admin/
  |-- shop/
libs/
  |-- shared/
       |-- ui/
       |-- util/
  |-- products/
       |-- feature/
            |-- list
            |-- detail
       |-- data/
            |-- services
            |-- store
       |-- ui/
 |-- orders/
        |-- feature/
            |-- list
            |-- detail
        |-- data/
            |-- services
            |-- store
        |-- ui/
        |-- util/
|-- cart/
        |-- feature/
            |-- checkout
            |-- cart
        |-- data/
            |-- services

Run Shop

To run the dev server for your app, use:

npm run shop:serve

To create a production bundle:

npm run shop:build

Run Admin

To run the dev server for your app, use:

npm run admin:serve

To create a production bundle:

npm run admin:build