https://github.com/rimante11/dynamic-form
https://github.com/rimante11/dynamic-form
angular angularmaterial typescript
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/rimante11/dynamic-form
- Owner: Rimante11
- Created: 2025-07-01T15:59:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-02T14:29:55.000Z (12 months ago)
- Last Synced: 2025-07-02T15:32:06.196Z (12 months ago)
- Topics: angular, angularmaterial, typescript
- Language: TypeScript
- Homepage:
- Size: 794 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dynamic Form Application
An Angular application featuring a dynamic form with conditional fields, validation, and multi-step workflow. Built with Angular Material for modern UI components, responsive design and some custom styling.
## Features
### Dynamic Form Functionality
- Required Fields: Name, Surname, Email with proper validation
- Boolean Option: "Are you looking for a job?" (default: true)
- Specialist Level Selection: Junior, Mid, Senior (with conditional logic, read bellow)
### Conditional Fields Based on Selection
- Junior Level: Math question field (2+2 = ?) - only accepts answer "4"
- Mid Level: Description field - cannot contain the letter "a"
- Senior Level: Redirects to submission page with different workflows (read bellow)
### Senior Level Workflow
- If looking for job (boolean: true): Shows success message and "application submitted"
- If not looking for job (boolean: false): Requires cover letter (minimum 140 characters)
- Final submission: Displays complete form data in JSON format
## Technologies Used
- Angular - Latest Angular framework
- Angular Material - UI component library
- TypeScript - Type-safe development
- SCSS - Enhanced styling capabilities
- Reactive Forms - Form handling and validation
- Angular Router - Multi-step navigation
- Custom Validators - Specialized form validation