This application was created in order to suggestion how to create nice reusable forms in Angular with reactive forms, and also how to manage the data using NgRx. Yes, I know that for this example a reusable form sounds a bit over-engineering, but the goal is to set a solid ground for an application that could grow in the future, and have multiple pages sharing the same component and using different fields and validations.
Enjoy and feel free to provide nice inputs! 😄🖤
- Install all project dependencies with
npm install - Start the development server with
npm run start
Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run npm run test to execute the unit tests via Karma.
Run npm run e2e to execute the end-to-end tests via Protractor.
- Although in a real life scenario we'd create more test cases, to make things simpler I decided to create only unit tests for the store (effects, actions, reducers and selectors), and the main e2e use cases in protractor. I believe for this purpose it covers well. 😊
- There are several ways to do email validation, you can use Angular's email validator, regEx or even call an API to check if the domain exists and do an async validation. I understood that for this project a regEx validation is also enough, but we can for sure improve it calling a domain validation API if necessary.