add

sangam14 · sangam14 · commit 373a162d5dd6 · 2025-05-21T23:06:53.000+05:30
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint"
+  ]
+} 
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,15 @@
+{
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "editor.quickSuggestions": {
+    "strings": true
+  },
+  "tailwindCSS.includeLanguages": {
+    "typescript": "javascript",
+    "typescriptreact": "javascript"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+} 
diff --git a/pages/courses/[...slug].tsx b/pages/courses/[...slug].tsx
@@ -15,6 +15,7 @@ import Container from '../../src/components/Container';
 import LoadingSpinner from '../../src/components/LoadingSpinner';
 import CodeBlock from '../../src/components/CodeBlock';
 import PageWrapper from '../../src/components/PageWrapper';
+import PageTitle from '../../src/components/PageTitle';
 
 // Add custom styles for content readability
 const globalStyles = `
@@ -127,10 +128,10 @@ function MarkdownModule({ source, frontMatter, courseSlug, modules, currentModul
 
   return (
     <>
-      <Head>
-        <title>{frontMatter.title} | Golang Mastery</title>
-        <meta name="description" content={frontMatter.description || 'Learn Go programming'} />
-      </Head>
+      <PageTitle 
+        title={`${frontMatter.title} | Golang Mastery`}
+        description={frontMatter.description || 'Learn Go programming'}
+      />
       <PageWrapper>
         <Container maxWidth="xl" padding="lg" className="my-8">
           <div className="glass-effect p-6 sm:p-8 rounded-xl content-animate-in">
diff --git a/src/components/ModuleContentLayout.tsx b/src/components/ModuleContentLayout.tsx
@@ -1,9 +1,9 @@
 import { useState, useEffect } from 'react';
-import Head from 'next/head';
 import ModuleSidebar from './ModuleSidebar';
 import ModuleNavigation from './ModuleNavigation';
 import LoadingSpinner from './LoadingSpinner';
 import Container from './Container';
+import PageTitle from './PageTitle';
 
 interface Module {
   title: string;
@@ -38,10 +38,10 @@ export default function ModuleContentLayout({
   
   return (
     <>
-      <Head>
-        <title>{title} | {courseTitle}</title>
-        <meta name="description" content={`Learn ${title} in the ${courseTitle} course`} />
-      </Head>
+      <PageTitle 
+        title={`${title} | ${courseTitle}`}
+        description={`Learn ${title} in the ${courseTitle} course`}
+      />
       
       <div className={`transition-opacity duration-300 ${isLoading ? 'opacity-50' : 'opacity-100'}`}>
         <div className="flex flex-col md:flex-row max-w-screen-xl mx-auto gap-6 px-4">
diff --git a/src/components/PageTitle.tsx b/src/components/PageTitle.tsx
@@ -0,0 +1,15 @@
+import Head from 'next/head';
+
+interface PageTitleProps {
+  title: string;
+  description?: string;
+}
+
+export default function PageTitle({ title, description }: PageTitleProps) {
+  return (
+    <Head>
+      <title>{title}</title>
+      {description && <meta name="description" content={description} />}
+    </Head>
+  );
+} 
