add pronounciation

package.json

@@ -16,6 +16,7 @@
     "@angular/compiler": "^17.1.0",
     "@angular/core": "^17.1.0",
     "@angular/forms": "^17.1.0",
+    "@angular/material": "^17.3.10",
     "@angular/platform-browser": "^17.1.0",
     "@angular/platform-browser-dynamic": "^17.1.0",
     "@angular/router": "^17.1.0",

src/app/app.module.ts

@@ -0,0 +1,60 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { HttpClientModule } from '@angular/common/http';
+import { AppRoutingModule } from './app-routing.module';
+
+// Angular Material
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatIconModule } from '@angular/material/icon';
+
+// Components
+import { AppComponent } from './app.component';
+import { GenerateQuestionsComponent } from './generate-questions/generate-questions.component';
+import { HomeComponent } from './home/home.component';
+import { VoiceComponent } from './voice/voice.component';
+import { ListenComponent } from './listen/listen.component';
+import { WritingComponent } from './writing/writing.component';
+import { VocabularyBuilderComponent } from './vocabulary-builder/vocabulary-builder.component';
+import { FindwordComponent } from './findword/findword.component';
+import { ReadingComponent } from './reading/reading.component';
+import { AuthenticationComponent } from './authentication/authentication.component';
+import { AuthComponent } from './auth/auth.component';
+import { RootRedirectComponent } from './root-redirect/root-redirect.component';
+import { HeaderComponent } from './shared/header/header.component';
+import { SignInComponent } from './sign-in/sign-in.component';
+import { PronunciationComponent } from './pronunciation/pronunciation.component';
+
+@NgModule({
+  declarations: [
+    AppComponent,  // Add AppComponent here
+    //GenerateQuestionsComponent,
+    HomeComponent,
+    VoiceComponent,
+    ListenComponent,
+    WritingComponent,
+    VocabularyBuilderComponent,
+    FindwordComponent,
+    ReadingComponent,
+    AuthenticationComponent,
+    AuthComponent,
+    RootRedirectComponent,
+   PronunciationComponent
+
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    FormsModule,
+    HttpClientModule,
+    MatDialogModule,
+    MatSlideToggleModule,
+    MatIconModule,
+    HeaderComponent, // standalone component imported for use in declared components
+    SignInComponent // import the standalone sign-in (which embeds sign-up)
+  ],
+  providers: [],
+  bootstrap: [AppComponent]  // Bootstrap AppComponent
+})
+export class AppModule { }