diff --git a/bun.lockb b/bun.lockb new file mode 100755 index 0000000..016c53e Binary files /dev/null and b/bun.lockb differ diff --git a/src/app/app.html b/src/app/app.html index 36093e1..67e7bd4 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,336 +1 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - - - diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index dc39edb..4538eb9 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,3 +1,19 @@ import { Routes } from '@angular/router'; +import { Home } from './home/home'; +import { Login } from './login/login'; +import { Register } from './register/register'; -export const routes: Routes = []; +export const routes: Routes = [ + { + path: '', + component: Home, + }, + { + path: 'login', + component: Login, + }, + { + path: 'register', + component: Register, + }, +]; diff --git a/src/app/home/home.css b/src/app/home/home.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/home/home.html b/src/app/home/home.html new file mode 100644 index 0000000..5f2c53f --- /dev/null +++ b/src/app/home/home.html @@ -0,0 +1 @@ +

home works!

diff --git a/src/app/home/home.spec.ts b/src/app/home/home.spec.ts new file mode 100644 index 0000000..e2d9468 --- /dev/null +++ b/src/app/home/home.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Home } from './home'; + +describe('Home', () => { + let component: Home; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Home] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Home); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/home/home.ts b/src/app/home/home.ts new file mode 100644 index 0000000..e5ec517 --- /dev/null +++ b/src/app/home/home.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-home', + imports: [], + templateUrl: './home.html', + styleUrl: './home.css' +}) +export class Home { + +} diff --git a/src/app/login/login.css b/src/app/login/login.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/login/login.html b/src/app/login/login.html new file mode 100644 index 0000000..147cfc4 --- /dev/null +++ b/src/app/login/login.html @@ -0,0 +1 @@ +

login works!

diff --git a/src/app/login/login.spec.ts b/src/app/login/login.spec.ts new file mode 100644 index 0000000..dd8bbb3 --- /dev/null +++ b/src/app/login/login.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Login } from './login'; + +describe('Login', () => { + let component: Login; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Login] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Login); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/login/login.ts b/src/app/login/login.ts new file mode 100644 index 0000000..c39dbb9 --- /dev/null +++ b/src/app/login/login.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-login', + imports: [], + templateUrl: './login.html', + styleUrl: './login.css' +}) +export class Login { + +} diff --git a/src/app/register/register.css b/src/app/register/register.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/register/register.html b/src/app/register/register.html new file mode 100644 index 0000000..6b0ba2e --- /dev/null +++ b/src/app/register/register.html @@ -0,0 +1 @@ +

register works!

diff --git a/src/app/register/register.spec.ts b/src/app/register/register.spec.ts new file mode 100644 index 0000000..eac286c --- /dev/null +++ b/src/app/register/register.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Register } from './register'; + +describe('Register', () => { + let component: Register; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Register] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Register); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/register/register.ts b/src/app/register/register.ts new file mode 100644 index 0000000..b0da4cc --- /dev/null +++ b/src/app/register/register.ts @@ -0,0 +1,28 @@ +import { Component } from '@angular/core'; +import { FormControl, FormGroup, Validators } from '@angular/forms'; + +@Component({ + selector: 'app-register', + imports: [], + templateUrl: './register.html', + styleUrl: './register.css', +}) +export class Register { + public registrationForm!: FormGroup; + + ngOnInit() { + this.registrationForm = new FormGroup({ + email: new FormControl('', Validators.required), + username: new FormControl('', Validators.required), + password: new FormControl('', Validators.required), + address: new FormGroup({ + street1: new FormControl(''), + street2: new FormControl(''), + city: new FormControl(''), + state: new FormControl(''), + zip: new FormControl(''), + country: new FormControl(''), + }), + }); + } +}