add writing component

src/app/writing/writing.service.ts

@@ -9,7 +9,12 @@ import { catchError } from 'rxjs/operators';
   providedIn: 'root'
 })
 export class WritingService {
-  private apiUrl = 'http://localhost:8000/generate-writing-topics'; // Replace with your backend URL
+
+  private baseUrl = location.hostname.endsWith('hf.space')
+    ? 'https://pykara-py-learn-backend.hf.space/media'
+    : 'http://localhost:5000/media';
+
+  //private apiUrl = 'http://localhost:8000/generate-writing-topics'; // Replace with your backend URL
 
   constructor(private http: HttpClient) { }
 
@@ -18,7 +23,7 @@ export class WritingService {
     const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
     const body = { grade_level: gradeLevel };
 
-    return this.http.post<{ topic: string }>(this.apiUrl, body, { headers }).pipe(
+    return this.http.post<{ topic: string }>(`${this.baseUrl}/generate-writing-topics`, body, { headers }).pipe(
       catchError((error) => {
         console.error('Error fetching writing topic:', error);
         return throwError(() => new Error('Failed to fetch writing topic. Please try again.'));
@@ -31,7 +36,7 @@ export class WritingService {
     const headers = new HttpHeaders({ 'Content-Type': 'application/json' });
     const body = { topic, response };
 
-    return this.http.post<{ feedback: string }>('http://localhost:8000/validate-response', body, { headers }).pipe(
+    return this.http.post<{ feedback: string }>(`${this.baseUrl}/validate-response`, body, { headers }).pipe(
       catchError((error) => {
         console.error('Error validating response:', error);
         return throwError(() => new Error('Failed to validate the response. Please try again.'));