https://github.com/jonaskuske/ng-app
🧪 Test application to become familiar with Angular
https://github.com/jonaskuske/ng-app
Last synced: 4 months ago
JSON representation
🧪 Test application to become familiar with Angular
- Host: GitHub
- URL: https://github.com/jonaskuske/ng-app
- Owner: jonaskuske
- Created: 2019-04-08T00:46:07.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2025-08-10T15:02:41.000Z (10 months ago)
- Last Synced: 2025-10-11T05:38:37.172Z (8 months ago)
- Language: TypeScript
- Homepage: https://jonaskuske.github.io/ng-app
- Size: 18.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🧪 NG App
Test application to become familiar with Angular
## Features
- Dynamic reusable components
- Routing with Child Routes
- State Management with NGXS
- API / Services
- Forms (Template-driven)
- ...and more 👀
### Further options to add in the future
- [ ] Authentication w/ RouteGuard
- [x] Better pagination
- [ ] Reactive Forms
- [x] Lazy-loading of feature modules
- [ ] Progressive Web App
- [x] Testing (Jest & Cypress) with CI
## Instructions
### Installation
Run `npm install` to install the required dependencies.
On WSL, you also need to [install and configure an X-server in order for Cypress to work](https://nickymeuleman.netlify.com/blog/gui-on-wsl2-cypress).
### Development server
Run `npm start` for a dev server. The app will be served on `http://localhost:4200/ng-app/`.
### Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
### Testing
Run `npm test` to run all unit tests with Jest.
> 💡 Additionally, `npm run test:watch` starts Jest in watch mode, and `npm run test:coverage` reports code coverage.
Run `npm run e2e` to start the dev server, then run all E2E tests with Cypress.
> 💡 During development you can run `npm run e2e:open` to open Cypress in another window. It connects to the already running dev server and shows you test results as you edit the code.