Skip to content

Commit 3f81a90

Browse files
ajay-dhangarajay-dhangar
committed
team page added
1 parent 7214a31 commit 3f81a90

File tree

7 files changed

+683
-1
lines changed

7 files changed

+683
-1
lines changed

‎src/components/WhyChooseCodeHarbor.tsx‎

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
import Link from "@docusaurus/Link";
2+
import {
3+
BookOpen,
4+
Code2,
5+
Users2,
6+
Zap,
7+
Trophy,
8+
Github
9+
} from 'lucide-react';
10+
11+
const reasons = [
12+
{
13+
title: "Free Education",
14+
desc: "Comprehensive tech curriculum taught by industry masters, 100% free.",
15+
icon: <BookOpen className="w-10 h-10" />,
16+
},
17+
{
18+
title: "Open Source",
19+
desc: "Contribute to real-world projects and build your GitHub profile.",
20+
icon: <Github className="w-10 h-10" />,
21+
},
22+
{
23+
title: "Live Editor",
24+
desc: "Practice coding in real-time with our integrated browser-based IDE.",
25+
icon: <Code2 className="w-10 h-10" />,
26+
},
27+
{
28+
title: "Active Community",
29+
desc: "Join over 100+ contributors and thousands of learners worldwide.",
30+
icon: <Users2 className="w-10 h-10" />,
31+
},
32+
{
33+
title: "DSA Mastery",
34+
desc: "Curated problems and solutions to help you crack technical interviews.",
35+
icon: <Zap className="w-10 h-10" />,
36+
},
37+
{
38+
title: "Expert Guidance",
39+
desc: "Roadmaps and tutorials designed for both beginners and pros.",
40+
icon: <Trophy className="w-10 h-10" />,
41+
},
42+
];
43+
44+
const WhyChooseCodeHarbor = () => {
45+
return (
46+
<section className="py-24 px-6 bg-[var(--ifm-bg-color)] transition-colors duration-300 font-sans relative overflow-hidden">
47+
{/* Subtle Background Pattern */}
48+
<div className="absolute inset-0 opacity-[0.03] dark:opacity-[0.05] pointer-events-none">
49+
<svg width="100%" height="100%"><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="currentColor" strokeWidth="1"/></pattern><rect width="100%" height="100%" fill="url(#grid)" /></svg>
50+
</div>
51+
52+
<div className="max-w-7xl mx-auto relative z-10">
53+
54+
{/* Header */}
55+
<div className="text-center mb-20">
56+
<span className="inline-block px-4 py-1.5 mb-6 text-xs font-bold tracking-[0.2em] uppercase text-[var(--ifm-color-primary)] bg-[var(--ifm-color-primary)]/10 rounded-full border border-[var(--ifm-color-primary)]/20">
57+
Why CodeHarborHub?
58+
</span>
59+
<h2 className="text-4xl md:text-6xl font-black text-[var(--ifm-text-color)] leading-tight tracking-tight">
60+
Empowering Your <span className="text-[var(--ifm-color-primary)]">Tech Journey</span>
61+
</h2>
62+
<p className="mt-6 text-lg opacity-70 text-[var(--ifm-text-color)] max-w-2xl mx-auto leading-relaxed">
63+
We shatter limitations by offering an exclusive open-source platform for mastering
64+
in-demand skills and launching your dream career.
65+
</p>
66+
</div>
67+
68+
{/* Feature Grid */}
69+
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
70+
{reasons.map((item, index) => (
71+
<div
72+
key={index}
73+
className="relative group p-10 bg-white dark:bg-slate-800/40 rounded-3xl border border-slate-200 dark:border-slate-700/50 shadow-sm hover:shadow-2xl hover:border-[var(--ifm-color-primary)]/50 transition-all duration-500 hover:-translate-y-2 overflow-hidden"
74+
>
75+
{/* Animated Glow Effect */}
76+
<div className="absolute -right-10 -top-10 w-32 h-32 bg-[var(--ifm-color-primary)] opacity-0 group-hover:opacity-10 blur-3xl transition-opacity duration-500" />
77+
78+
{/* Icon Container */}
79+
<div className="mb-8 inline-flex items-center justify-center w-20 h-20 rounded-2xl bg-slate-50 dark:bg-slate-800 text-[var(--ifm-color-primary)] group-hover:bg-[var(--ifm-color-primary)] group-hover:text-white transition-all duration-500 shadow-inner group-hover:shadow-[var(--ifm-color-primary)]/40 group-hover:scale-110">
80+
{item.icon}
81+
</div>
82+
83+
{/* Content */}
84+
<h3 className="text-2xl font-bold text-[var(--ifm-text-color)] mb-4">
85+
{item.title}
86+
</h3>
87+
<p className="opacity-60 text-[var(--ifm-text-color)] leading-relaxed text-base">
88+
{item.desc}
89+
</p>
90+
91+
{/* Bottom Accent Line */}
92+
<div className="absolute bottom-0 left-0 h-1.5 bg-[var(--ifm-color-primary)] w-0 group-hover:w-full transition-all duration-700 ease-in-out" />
93+
</div>
94+
))}
95+
</div>
96+
97+
{/* Call to Action */}
98+
<div className="mt-20 text-center">
99+
<Link
100+
href="https://github.com/codeharborhub"
101+
className="group inline-flex items-center gap-3 px-10 py-4 bg-[var(--ifm-color-primary)] text-white font-black rounded-2xl hover:brightness-110 transition-all hover:shadow-[0_0_25px_rgba(var(--ifm-color-primary-rgb),0.4)] hover:no-underline hover:text-gray-100"
102+
>
103+
<Github className="w-6 h-6 group-hover:rotate-12 transition-transform" />
104+
<span>Join Our Open Source Mission</span>
105+
</Link>
106+
</div>
107+
108+
</div>
109+
</section>
110+
);
111+
};
112+
113+
export default WhyChooseCodeHarbor;

‎src/data/team.ts‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
export interface Socials {
2+
github?: string;
3+
twitter?: string;
4+
linkedin?: string;
5+
}
6+
7+
export interface Member {
8+
slug: string;
9+
name: string;
10+
role: string;
11+
image: string;
12+
bio: string;
13+
email: string;
14+
location: string;
15+
skills: string[];
16+
socials: Socials;
17+
}
18+
19+
export const teamMembers: Member[] = [
20+
{
21+
slug: "ajay-dhangar",
22+
name: "Ajay Dhangar",
23+
role: "Founder & CEO",
24+
image: "https://github.com/ajay-dhangar.png",
25+
bio: "Visionary developer and open-source advocate. Ajay founded CodeHarborHub to democratize tech education and build a collaborative ecosystem for developers worldwide.",
26+
email: "ajaydhangar49@gmail.com",
27+
location: "Mandsaur, MP, India",
28+
skills: ["Full Stack Dev", "System Design", "Open Source", "Leadership"],
29+
socials: {
30+
twitter: "https://x.com/CodesWithAjay",
31+
github: "https://github.com/ajay-dhangar",
32+
linkedin: "https://www.linkedin.com/in/ajay-dhangar/",
33+
},
34+
},
35+
{
36+
slug: "sarah-jenkins",
37+
name: "Sarah Jenkins",
38+
role: "Full Stack Developer",
39+
image: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=500",
40+
bio: "Expert in building scalable MERN stack applications. Sarah leads the frontend architecture and ensures a seamless user experience across the platform.",
41+
email: "sarah@example.com",
42+
location: "London, UK",
43+
skills: ["React", "Node.js", "MongoDB", "Tailwind CSS"],
44+
socials: { twitter: "#", github: "#", linkedin: "#" },
45+
},
46+
{
47+
slug: "jhon-smith",
48+
name: "Jhon Smith",
49+
role: "Web Designer",
50+
image: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&q=80&w=500",
51+
bio: "Passionate about clean UI and accessible design. Jhon crafts the visual identity of CodeHarborHub, making complex documentation easy to navigate.",
52+
email: "jhon@example.com",
53+
location: "New York, USA",
54+
skills: ["UI/UX", "Figma", "Accessibility", "CSS3"],
55+
socials: { twitter: "#", github: "#", linkedin: "#" },
56+
},
57+
{
58+
slug: "jake-nackos",
59+
name: "Product Manager",
60+
role: "Product Manager",
61+
image: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=500",
62+
bio: "Strategist focused on community growth. Jake bridges the gap between user feedback and technical implementation to keep our roadmap on track.",
63+
email: "jake@example.com",
64+
location: "Berlin, Germany",
65+
skills: ["Product Strategy", "Agile", "Community Building"],
66+
socials: { twitter: "#", github: "#", linkedin: "#" },
67+
},
68+
];

‎src/pages/gsoc-2026-ideas.mdx‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
---
2+
title: GSoC 2026 Project Ideas
3+
description: "Join CodeHarborHub for Google Summer of Code 2026 and help us bridge the gap between education and innovation."
4+
---
5+
6+
Welcome to the **CodeHarborHub** project ideas page. We are a global community dedicated to transforming ideas into reality through open-source collaboration.
7+
8+
---
9+
10+
## Contributor Checklist
11+
Before reaching out to mentors, please complete the following:
12+
- [ ] Join our [Discord/Slack Community](YOUR_LINK_HERE).
13+
- [ ] Star our [GitHub Repositories](https://github.com/codeharborhub).
14+
- [ ] Set up the local development environment for the project you are interested in.
15+
- [ ] Look for issues labeled `good-first-issue` to make your first contribution.
16+
17+
---
18+
19+
## Project Ideas for 2026
20+
21+
### 1. AI-Powered Learning Path Generator
22+
**Difficulty:** Medium (175 hours)
23+
**Tech Stack:** Python, LangChain, OpenAI/Gemini API, React
24+
25+
**Description:** Develop an intelligent system that analyzes a user's career goals and current skill level to generate a personalized roadmap using CodeHarborHub resources.
26+
- **Goal:** Implement a RAG system to index our educational content.
27+
- **Expected Outcome:** A functional dashboard where users receive a step-by-step learning guide.
28+
- **Mentors:** [@ajay-dhangar]
29+
30+
---
31+
32+
### 2. Interactive "Live Code" Playground
33+
**Difficulty:** Large (350 hours)
34+
**Tech Stack:** React, Monaco Editor, Web Workers
35+
36+
**Description:** Build an integrated, browser-based code editor for our platform so students can practice coding without leaving the lesson page.
37+
- **Goal:** Create a secure sandbox to execute HTML/CSS/JS with real-time preview.
38+
- **Expected Outcome:** A reusable component for our educational modules.
39+
- **Mentors:** [@ajay-dhangar]
40+
41+
---
42+
43+
### 3. Gamified Contribution Dashboard
44+
**Difficulty:** Medium (175 hours)
45+
**Tech Stack:** Node.js, GitHub REST API, MongoDB
46+
47+
**Description:** Create a platform that tracks community contributions and awards digital badges and XP to encourage long-term engagement.
48+
- **Goal:** Automate badge distribution based on merged Pull Requests.
49+
- **Expected Outcome:** A public leaderboard and user profile pages.
50+
- **Mentors:** [@ajay-dhangar]
51+
52+
---
53+
54+
## Proposal Guidelines
55+
Your proposal is the most important part of your application. Please follow our [Proposal Template](./proposal-template) and include:
56+
1. **Detailed Timeline:** A week-by-step breakdown.
57+
2. **Technical Implementation:** How do you plan to solve the problem?
58+
3. **About You:** Your experience and why you chose CodeHarborHub.
59+
60+
---
61+
62+
> **Note:** We value quality over quantity. A single well-researched proposal is better than multiple generic ones.

‎src/pages/index.tsx‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import { CommunityStatsProvider } from "../context/CommunityStats";
1313
import Faq from "./Faq";
1414
import Organizations from "../components/HomePage/organizations";
1515
import TweetsSection from "../components/HomePage/TweetsSection";
16+
import WhyChooseCodeHarbor from "../components/WhyChooseCodeHarbor";
1617

1718
export default function Home() {
1819
const { siteConfig } = useDocusaurusContext();
@@ -42,6 +43,12 @@ export default function Home() {
4243

4344
<hr className={style.home__hr} />
4445

46+
<div className={style.home__header}>
47+
<WhyChooseCodeHarbor />
48+
</div>
49+
50+
<hr className={style.home__hr} />
51+
4552
<div>
4653
<ResourcesSection />
4754
</div>
@@ -80,4 +87,4 @@ export default function Home() {
8087
</main>
8188
</Layout>
8289
);
83-
}
90+
}

0 commit comments

Comments
 (0)