Skip to content

Commit ffa6d00

Browse files
programmer-rahulprogrammer-rahul
committed
rafactor: changed html tags for best seo
1 parent c81231f commit ffa6d00

10 files changed

+67
-59
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,5 +45,7 @@ Thumbs.db
4545
**/.prettierrc
4646

4747

48+
TODO.md
49+
4850

4951

‎client/app/components/home/home-screen.tsx

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
1-
import LoginSocket from "@/components/home/login-socket";
1+
import LoginScoket from "@/components/home/login-socket";
22
import ProjectsSection from "@/components/home/projects-section";
3+
import Header from "./header";
34

45
export default function HomeScreen() {
56
return (
6-
<div className="flex flex-1 flex-col gap-20 border-t-transparent p-4 md:justify-between md:gap-0 md:p-8">
7-
<ProjectsSection />
8-
<LoginSocket />
9-
</div>
7+
<>
8+
<Header />
9+
<section className="flex flex-1 flex-col gap-20 border-t-transparent p-4 md:justify-between md:gap-0 md:p-8">
10+
<ProjectsSection />
11+
<LoginScoket />
12+
</section>
13+
</>
1014
);
1115
}

‎client/app/components/home/welcome-screen.tsx

Lines changed: 32 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,44 @@
11
import JoinProjectBtn from "@/components/home/join-project";
2-
import Logo from "./logo";
32
import CreateProjectBtn from "@/components/home/create-project";
43
import CircularLightEffect from "@/components/ui/circular-light-effect";
4+
import Header from "./header";
55

66
export default function WelcomeScreen() {
77
return (
8-
<div className="gradient flex flex-1 flex-col items-center justify-center gap-20 overflow-hidden p-4 md:gap-8 md:p-8">
9-
<section className="relative -mt-20 flex w-full flex-col items-center xl:flex-row xl:gap-4 2xl:px-40">
10-
<div className="z-10 flex flex-col items-center xl:gap-10">
11-
<div className="flex flex-col items-center lg:mx-32 lg:px-10 xl:mx-0">
12-
<h2 className="font-secondary text-2xl font-semibold text-gray-100 lg:text-3xl xl:text-4xl 2xl:text-5xl">
13-
Welcome to DevSync!
14-
</h2>
15-
<p className="py-4 text-center text-gray-100/60 lg:text-xl">
16-
Your solution for real-time project collaboration. Create and join
17-
projects, edit code together, and manage your workspace with ease.
18-
Enhance your teamwork today.
19-
</p>
8+
<>
9+
<Header />
10+
<section className="gradient flex flex-1 flex-col items-center justify-center gap-20 overflow-hidden p-4 md:gap-8 md:p-8">
11+
<section className="relative -mt-20 flex w-full flex-col items-center xl:flex-row xl:gap-4 2xl:px-40">
12+
<div className="z-10 flex flex-col items-center xl:gap-10">
13+
<div className="flex flex-col items-center lg:mx-32 lg:px-10 xl:mx-0">
14+
<h2 className="font-secondary text-2xl font-semibold text-gray-100 lg:text-3xl xl:text-4xl 2xl:text-5xl">
15+
Welcome to DevSync!
16+
</h2>
17+
<p className="py-4 text-center text-gray-100/60 lg:text-xl">
18+
Your solution for real-time project collaboration. Create and
19+
join projects, edit code together, and manage your workspace
20+
with ease. Enhance your teamwork today.
21+
</p>
22+
</div>
23+
<div className="flex gap-4 xl:justify-center">
24+
<CreateProjectBtn />
25+
<JoinProjectBtn />
26+
</div>
2027
</div>
21-
<div className="flex gap-4 xl:justify-center">
22-
<CreateProjectBtn />
23-
<JoinProjectBtn />
24-
</div>
25-
</div>
2628

27-
<div className="pt-12 xl:py-0">
28-
<img
29-
src="./illustrations/collaboration.svg"
30-
alt="collaboration"
31-
className="w-96 lg:w-[30rem] xl:w-[80rem] 2xl:w-[90rem]"
32-
/>
33-
</div>
29+
<div className="pt-12 xl:py-0">
30+
<img
31+
src="./illustrations/collaboration.svg"
32+
alt="collaboration"
33+
className="w-96 lg:w-[30rem] xl:w-[80rem] 2xl:w-[90rem]"
34+
/>
35+
</div>
3436

35-
<div className="absolute -top-[30%] left-1/4">
36-
<CircularLightEffect />
37-
</div>
37+
<div className="absolute -top-[30%] left-1/4">
38+
<CircularLightEffect />
39+
</div>
40+
</section>
3841
</section>
39-
</div>
42+
</>
4043
);
4144
}

‎client/app/components/project/project-page-loading.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
export default function ProjectPageLoading() {
22
return (
3-
<div className="flex w-full items-center justify-center text-6xl flex-col ">
4-
<div className="loading-animation"/>
3+
<section className="flex w-full flex-col items-center justify-center text-6xl ">
4+
<div className="loading-animation" />
55
<div>Connecting to Project</div>
6-
</div>
6+
</section>
77
);
88
}

‎client/app/components/project/project-page-not-available.tsx

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,18 @@ import Image from "next/image";
33

44
export default function ProjectPageIsNotAvailable() {
55
return (
6-
<div className="flex w-full items-center justify-center ">
6+
<section className="flex w-full items-center justify-center ">
77
<div className="flex flex-col items-center gap-4">
8-
9-
<Image src="/illustrations/project-not-found.svg" width={200} height={200} alt="no-project-found-image"/>
8+
<Image
9+
src="/illustrations/project-not-found.svg"
10+
width={200}
11+
height={200}
12+
alt="no-project-found-image"
13+
/>
1014
<h3 className="text-5xl">No Project Found</h3>
1115
<p className="text-3xl">wrong projectid</p>
1216
<GobackOnHomePageBtn />
1317
</div>
14-
</div>
18+
</section>
1519
);
1620
}

‎client/app/components/project/project-page.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import SideBarPanel from "@/components/project/sidebar-panel/sidebar-panel";
44

55
export default function ProjectPage() {
66
return (
7-
<div className="flex w-full gap-2">
7+
<section className="flex w-full gap-2">
88
<ActivityBar />
99
<SideBarPanel />
1010
<CodeEditor />
11-
</div>
11+
</section>
1212
);
1313
}

‎client/app/layout.tsx

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,10 @@ import { cn } from "@/lib/utils";
44
import { Bounce, ToastContainer } from "react-toastify";
55
import "react-toastify/ReactToastify.min.css";
66
import { Advent_Pro, Asap } from "next/font/google";
7-
import Header from "./components/home/header";
87

98
export const metadata: Metadata = {
10-
title: "Dev Sync",
11-
description: "Realtime coding and programming",
9+
title: "Project",
10+
description: "Your Project",
1211
};
1312

1413
const primaryFont = Advent_Pro({
@@ -35,10 +34,7 @@ export default function RootLayout({
3534
<body
3635
className={cn("dark", primaryFont.variable, secondaryFont.variable)}
3736
>
38-
<main className="flex h-screen w-full flex-col">
39-
<Header />
40-
{children}
41-
</main>
37+
<main className="flex h-screen w-full flex-col">{children}</main>
4238
<ToastContainer transition={Bounce} hideProgressBar />
4339
</body>
4440
</html>

‎client/app/page.tsx

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
import Header from "@/app/components/home/header";
21
import WelcomeScreen from "./components/home/welcome-screen";
32
import CheckWelcomeScreen from "@/components/home/check-welcome-screen";
43
import HomeScreen from "./components/home/home-screen";
54

65
export default function Home() {
76
return (
8-
<CheckWelcomeScreen>
9-
<WelcomeScreen />
10-
<HomeScreen />
11-
</CheckWelcomeScreen>
7+
<CheckWelcomeScreen>
8+
<WelcomeScreen />
9+
<HomeScreen />
10+
</CheckWelcomeScreen>
1211
);
1312
}

‎client/components/home/check-welcome-screen.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,9 @@ export default function CheckWelcomeScreen({
2929
return (
3030
<>
3131
{loading ? (
32-
<div className="flex h-full items-center justify-center border text-4xl">
32+
<section className="flex h-full items-center justify-center border text-4xl">
3333
<div className="loading-animation"></div>
34-
</div>
34+
</section>
3535
) : showWelcome ? (
3636
children[0]
3737
) : (

‎client/components/project/check-project-availability.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -256,12 +256,12 @@ export default function CheckProjectAvailability({
256256
}, [socket]);
257257

258258
return (
259-
<main className="flex h-screen border p-2">
259+
<div className="flex h-screen border p-2">
260260
{/* show loading and not available screen if project is not available */}
261261
{isLoading ? LoadingScreen : !isProjectAvailable && NotAvailableScreen}
262262

263263
{/* show projectpage if project is available */}
264264
{!isLoading && isProjectAvailable && ProjectPage}
265-
</main>
265+
</div>
266266
);
267267
}

0 commit comments

Comments
 (0)