This workspace has been generated by Nx, a Smart, fast and extensible build system.
- Node v16.19.0 was used during development
- Install dependencies using
npm install
- The Angular app can be found in apps/frontend/ and the e2e tests can be found in apps/frontend-e2e
- This repo uses the
json-server
package to emulate a backend API.
- Run
npm run start:all
to start both the mock server and the client. - Run
npm run test:all
to run all unit tests. - Run
npm run e2e:dev
to run open the cypress runner. This starts the mock backend server
- Please throttle the connection to slow 3G in the dev tools to see the infinite scroll in action (after the app has loaded).
- You should see a spinner until the app loads, and spinners on each of the images until those load in
- This is because the lazy loading is designed to happen at a distance threshold from the bottom of the page - this way the users may never see a spinner (provided they have a fast connection)
- Run
nx g c photoContainer --project=frontend --skip-import --standalone --style=scss
to create a component - Run
nx g @nrwl/angular:lib feature-x --standalone --routing --lazy --parent=apps/frontend/src/app/app.routes.ts
to create a new feature library
- Replace json-server with the nestjs backend (for the time being, this was only installed)
- Move the lib components into their own lib project
- Add Storybook
- Dockerize
Run npx nx connect-to-nx-cloud
to enable remote caching and make CI faster.
Visit the Nx Documentation to learn more.