Skip to content

Commit a2b716c

Browse files
adarsh0011adarsh0011
committed
Developed Interview Questions Tab (Technical & Behavioral)
1 parent d34315e commit a2b716c

3 files changed

Lines changed: 161 additions & 7 deletions

File tree

‎docusaurus.config.ts‎

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@ const config: Config = {
2323
// Google Analytics
2424
scripts: [
2525
{
26-
src: 'https://www.googletagmanager.com/gtag/js?id=G-W02Z2VJYCR',
26+
src: "https://www.googletagmanager.com/gtag/js?id=G-W02Z2VJYCR",
2727
async: true,
2828
},
2929
{
30-
src: '/gtag-init.js',
30+
src: "/gtag-init.js",
3131
},
3232
{
33-
src: '/pinterest-init.js',
33+
src: "/pinterest-init.js",
3434
},
3535
],
3636

@@ -41,7 +41,7 @@ const config: Config = {
4141

4242
presets: [
4343
[
44-
'classic',
44+
"classic",
4545
{
4646
docs: {
4747
sidebarPath: require.resolve("./sidebars.ts"),
@@ -151,14 +151,19 @@ const config: Config = {
151151
{
152152
label: "🎖️ GitHub Badges",
153153
to: "/badges/github-badges/",
154-
},
154+
},
155155
],
156156
},
157157
{
158158
to: "/blogs",
159159
html: '<span class="nav-emoji">📰</span> Blogs',
160160
position: "left",
161161
},
162+
{
163+
to: "/interview-questions",
164+
html: '<span class="nav-emoji">🗒️</span> Interview Questions',
165+
position: "left",
166+
},
162167
{
163168
type: "dropdown",
164169
html: '<span class="nav-emoji">🔗</span> More',
@@ -186,6 +191,7 @@ const config: Config = {
186191
},
187192
],
188193
},
194+
189195
{
190196
type: "search",
191197
position: "right",
@@ -217,7 +223,7 @@ const config: Config = {
217223
// },
218224
// ],
219225
// },
220-
226+
221227
// {
222228
// href: "https://github.com/codeharborhub/codeharborhub",
223229
// position: "right",
@@ -235,7 +241,7 @@ const config: Config = {
235241
// hideOnScroll: true,
236242
},
237243
footer: {
238-
style: 'dark',
244+
style: "dark",
239245
links: [],
240246
copyright: `Copyright © ${new Date().getFullYear()} recodehive. Built with Docusaurus.`,
241247
},

‎src/pages/interview-questions.css‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
.interview-questions-layout {
2+
max-width: 900px;
3+
margin: 0 auto;
4+
padding: 2rem 1rem;
5+
}
6+
.interview-hero {
7+
text-align: center;
8+
margin-bottom: 2rem;
9+
}
10+
.interview-title .highlight {
11+
color: #0078e7;
12+
}
13+
.interview-cards-grid {
14+
display: flex;
15+
gap: 2rem;
16+
flex-wrap: wrap;
17+
justify-content: center;
18+
}
19+
.interview-card {
20+
background: #fff;
21+
border-radius: 12px;
22+
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
23+
padding: 2rem 1.5rem;
24+
max-width: 350px;
25+
flex: 1 1 300px;
26+
display: flex;
27+
flex-direction: column;
28+
align-items: flex-start;
29+
}
30+
.interview-card h2 {
31+
margin-top: 0;
32+
}
33+
.interview-link {
34+
margin-top: 1rem;
35+
display: inline-block;
36+
color: #fff;
37+
background: #0078e7;
38+
padding: 0.6rem 1.2rem;
39+
border-radius: 6px;
40+
text-decoration: none;
41+
font-weight: 600;
42+
transition: background 0.2s;
43+
}
44+
.interview-link:hover {
45+
background: #005bb5;
46+
}
47+
48+
h2,
49+
p {
50+
color: black;
51+
}

‎src/pages/interview-questions.tsx‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
import React from "react";
2+
import Layout from "@theme/Layout";
3+
import Head from "@docusaurus/Head";
4+
import { motion } from "framer-motion";
5+
import "./interview-questions.css"; // Optional: create for custom styles
6+
7+
export default function InterviewQuestions() {
8+
return (
9+
<Layout
10+
title="Interview Questions"
11+
description="Technical and Behavioral Interview Questions"
12+
>
13+
<Head>
14+
<title>RecodeHive | Interview Questions</title>
15+
<meta
16+
name="description"
17+
content="Technical and Behavioral Interview Questions"
18+
/>
19+
</Head>
20+
<div className="interview-questions-layout">
21+
{/* Hero Section */}
22+
<motion.section
23+
className="interview-hero"
24+
initial={{ opacity: 0, y: 30 }}
25+
animate={{ opacity: 1, y: 0 }}
26+
transition={{ duration: 0.8 }}
27+
>
28+
<div className="hero-content">
29+
<h1 className="interview-title">
30+
<span className="highlight">Interview Questions</span>
31+
</h1>
32+
<p className="interview-subtitle">
33+
Explore curated technical and behavioral interview questions to
34+
help you prepare for your next opportunity!
35+
</p>
36+
</div>
37+
</motion.section>
38+
39+
{/* Questions Cards */}
40+
<motion.section
41+
className="interview-cards-section"
42+
initial={{ opacity: 0 }}
43+
whileInView={{ opacity: 1 }}
44+
transition={{ duration: 0.6 }}
45+
viewport={{ once: true }}
46+
>
47+
<div className="interview-cards-grid">
48+
<motion.div
49+
className="interview-card"
50+
initial={{ opacity: 0, y: 20 }}
51+
whileInView={{ opacity: 1, y: 0 }}
52+
transition={{ duration: 0.5 }}
53+
whileHover={{
54+
scale: 1.03,
55+
boxShadow: "0 10px 30px rgba(0,0,0,0.1)",
56+
}}
57+
>
58+
<h2>🧩 Technical Questions</h2>
59+
<p>Practice coding, algorithms, and system design questions.</p>
60+
<a
61+
href="#"
62+
target="_blank"
63+
rel="noopener noreferrer"
64+
className="interview-link"
65+
>
66+
View Technical Interview Questions
67+
</a>
68+
</motion.div>
69+
<motion.div
70+
className="interview-card"
71+
initial={{ opacity: 0, y: 20 }}
72+
whileInView={{ opacity: 1, y: 0 }}
73+
transition={{ duration: 0.5, delay: 0.1 }}
74+
whileHover={{
75+
scale: 1.03,
76+
boxShadow: "0 10px 30px rgba(0,0,0,0.1)",
77+
}}
78+
>
79+
<h2>💡 Behavioral Questions</h2>
80+
<p>
81+
Prepare for HR and behavioral rounds with real-world scenarios.
82+
</p>
83+
<a
84+
href="#"
85+
target="_blank"
86+
rel="noopener noreferrer"
87+
className="interview-link"
88+
>
89+
View Behavioral Interview Questions
90+
</a>
91+
</motion.div>
92+
</div>
93+
</motion.section>
94+
</div>
95+
</Layout>
96+
);
97+
}

0 commit comments

Comments
 (0)