Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"files.insertFinalNewline": true
}
653 changes: 318 additions & 335 deletions PeerPrep/package-lock.json

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions PeerPrep/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
"preview": "vite preview"
},
"dependencies": {
"@ibm/plex-serif": "^1.1.0",
"@tailwindcss/cli": "^4.1.13",
"@tailwindcss/vite": "^4.1.13",
"react": "^19.1.1",
Expand Down
80 changes: 57 additions & 23 deletions PeerPrep/src/frontend/assets/styles.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,36 @@
@import "tailwindcss";

/* Extends TailwindCSS Theme */
@theme {
--font-ibm-serif: "IBM Plex Serif", serif;
--font-inter: "Inter", sans-serif;
}

/* Set base styles on TailwindCSS */
@layer base {
html {
@apply font-inter;
}

p {
font-size: var(--text-base);
color: var(--color-black);
}

h1 {
font-size: var(--text-6xl);
font-weight: var(--font-weight-semibold);
color: var(--color-black);
letter-spacing: var(--tracking-widest);
}

h2 {
font-size: var(--text-3xl);
font-weight: var(--font-weight-semibold);
color: var(--color-black);
}
}

@plugin "daisyui" {
themes: false;
}
Expand All @@ -9,41 +40,44 @@
default: true;
prefersdark: false;
color-scheme: "light";
--color-base-100: oklch(98% 0 0);
--color-base-200: oklch(96% 0.001 286.375);
--color-base-300: oklch(92% 0.004 286.32);
--color-base-content: oklch(21% 0.006 285.885);
--color-base-100: #ffffff;
--color-base-200: #e5e5e5;
--color-base-300: #737373;
--color-base-content: #000000;
--color-primary: #172554;
--color-primary-content: oklch(97% 0.013 17.38);
--color-primary-content: #ffffff;
--color-secondary: #4d7c0f;
--color-secondary-content: oklch(96% 0.018 272.314);
--color-secondary-content: #ffffff;
--color-accent: oklch(55% 0.288 302.321);
--color-accent-content: oklch(98% 0.018 155.826);
--color-neutral: oklch(37% 0.013 285.805);
--color-neutral-content: oklch(98% 0 0);
--color-neutral: #d4d4d4;
--color-neutral-content: #737373;
--color-info: oklch(78% 0.154 211.53);
--color-info-content: oklch(30% 0.056 229.695);
--color-success: oklch(79% 0.209 151.711);
--color-success-content: oklch(27% 0.046 192.524);
--color-success: #4d7c0f;
--color-success-content: #ffffff;
--color-warning: #eab308;
--color-warning-content: oklch(27% 0.077 45.635);
--color-warning-content: #ffffff;
--color-error: #f87171;
--color-error-content: oklch(25% 0.092 26.042);
--radius-selector: 0rem;
--radius-field: 0.25rem;
--radius-box: 0rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1.5px;
--color-error-content: #ffffff;

/* border radius */
--radius-selector: 0.5rem;
--radius-field: 0.5rem;
--radius-box: 0.5rem;

/* base size value (padding, spacing, or thickness) */
--size-selector: 0.3rem;
--size-field: 0.3rem;

--border: 1px;

/* effects */
--depth: 0;
--noise: 1;
}

/* Custom CSS Classes */
.normal-text {
@apply text-lg lg:text-xl;
}

.peerprep-logo {
@apply text-7xl lg:text-8xl font-bold font-mono bg-gradient-to-r from-primary to-secondary text-transparent bg-clip-text;
@apply font-ibm-serif text-[clamp(2rem,3.2vw,4rem)] tracking-widest leading-none bg-gradient-to-r from-secondary to-primary text-transparent bg-clip-text m-0;
}
20 changes: 0 additions & 20 deletions PeerPrep/src/frontend/components/NavBar.tsx

This file was deleted.

4 changes: 2 additions & 2 deletions PeerPrep/src/frontend/layouts/AuthLayout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,11 @@ function AuthLayout({ children }: Props) {
{/* Left column */}
{children}
{/* Right column */}
<div>
<div className="min-h-screen">
<img
src={AuthPanelImage}
alt="AuthPanelImage"
className="object-cover w-screen h-screen"
className="object-cover w-screen h-full"
/>
</div>
</div>
Expand Down
75 changes: 39 additions & 36 deletions PeerPrep/src/frontend/pages/LandingPage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,44 +3,47 @@ import LandingImg from "../assets/Images/landing_page_img.png";

function LandingPage() {
return (
<div>
<div className="grid grid-cols-2 gap-2 h-full md:pt-40 lg:pt-20">
{/* Left side text */}
<div className="flex justify-center items-center">
<div className="text-left space-y-5">
<p className="peerprep-logo">PeerPrep</p>
<div className="text-4xl lg:text-5xl font-bold">
<p> Master Tech</p>
<p> Interviews</p>
<p>Together</p>
</div>
<p className="text-xl lg:text-3xl">
Connect with peers, practice problems, <br />
and ace your next technical interview!
</p>
<div className="grid grid-cols-2 gap-4">
<Link
to="/auth/register" // route path
className="btn btn-primary">Get Started</Link>
<Link
to="/auth/login" // route path
className="btn btn-primary btn-soft"
>
Go to Login
</Link>
</div>
<p className="pt-15 normal-text">GOOGLE / AWS / META / MICROSOFT</p>
</div>
<div className="grid grid-cols-2 gap-2 h-screen">
{/* Left side text */}
<div className="flex flex-col justify-center min-h-screen pl-40 space-y-6">
<div className="flex-grow"></div>
<span className="peerprep-logo pb-2 mt-[5%]">PeerPrep</span>
<span className="text-[clamp(3rem,4.8vw,6rem)] font-semibold tracking-wider leading-[0.95] pb-4">
<span className="whitespace-nowrap">Master Tech </span>
<br />
Interviews Together
</span>
<p className="text-[clamp(1rem,1vw,1.25rem)] tracking-widest pb-5">
Connect with peers, practice problems, and ace your next technical
interview!
</p>
<div className="grid grid-cols-2 gap-7 w-7/10">
Copy link

Copilot AI Sep 28, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The class w-7/10 is not a standard Tailwind CSS utility class. Use w-[70%] or define a custom width utility in your Tailwind configuration instead.

Suggested change
<div className="grid grid-cols-2 gap-7 w-7/10">
<div className="grid grid-cols-2 gap-7 w-[70%]">

Copilot uses AI. Check for mistakes.

<Link
to="/auth/register" // route path
className="btn btn-primary btn-lg text-[clamp(0.9rem,1.2vw,1.5rem)] font-normal"
>
Get Started
</Link>
<Link
to="/auth/login" // route path
className="btn btn-primary btn-soft btn-lg text-[clamp(0.9rem,1.2vw,1.5rem)] font-normal"
>
Login
</Link>
</div>
<div className="flex-grow"></div>
<p className="text-[clamp(0.85rem,0.8vw,1rem)] font-medium tracking-[0.25em] mb-[5%]">
GOOGLE / AWS / META / MICROSOFT
</p>
</div>

{/* Right side image */}
<div className="flex justify-center items-center ">
<img
src={LandingImg}
alt="PeerPrep landing page illustration"
className="max-h-screen w-auto object-contain scale-80"
/>
</div>
{/* Right side image */}
<div className="flex justify-center items-center pr-40">
<img
src={LandingImg}
alt="PeerPrep landing page illustration"
className="max-h-screen w-auto object-contain scale-80"
/>
</div>
</div>
);
Expand Down
Loading