diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..2c29878 --- /dev/null +++ b/.env.example @@ -0,0 +1,3 @@ +OPENAI_API_KEY='your-openai-api-key' +WEB3FORMS_ACCESS_KEY='your-web3forms-access-key' +GOOGLE_SITE_VERIFICATION='your-google-site-verification-code' diff --git a/.gemini/GEMINI.md b/.gemini/GEMINI.md new file mode 100644 index 0000000..a695388 --- /dev/null +++ b/.gemini/GEMINI.md @@ -0,0 +1,19 @@ +# AI Assistant (Gemini) Guidelines + +When assisting with this repository, **you must always read and adhere to `AGENTS.md`** before generating code, making architectural decisions, answering team-related questions, or proposing workflows. + +## Core Directives + +1. **Reference `AGENTS.md` immediately:** + `AGENTS.md` is the single source of truth for our team structure, decision-making processes, and coding standards. Whenever you encounter a task related to project workflows or technical choices, utilize the rules found there. + +2. **Strict Engineering Standards:** + - **Always Use `pnpm`:** You must use `pnpm` as the package manager for all installations, commands, and dependency changes. Do not use `npm` or `yarn`. + - **Always Optimized:** All code you write must prioritize extremely fast performance (optimizing for TTFB, LCP, INP, and general speed). + - **Always Responsive:** Any UI components or frontend code you generate must be fully responsive, working flawlessly across mobile, tablet, and desktop devices. + - **Security Always:** You must apply the highest security considerations and best practices to keep our platform and user data safe. + +3. **Align with Team Roles:** + If the user asks who to ping, or if you need to know who owns a specific part of the stack (e.g., backend, design, cloud infra), look up the Agent Profiles in `AGENTS.md` to provide accurate guidance. + +By reading this file, you understand that these guidelines and the contents of `AGENTS.md` are mandatory for your operations within the Bits&Bytes codebase. diff --git a/.gitignore b/.gitignore index 37c2b6f..c347bc2 100644 --- a/.gitignore +++ b/.gitignore @@ -17,7 +17,8 @@ yarn-error.log* .pnpm-debug.log* # env files -.env* +**/.env* +!**/.env.example # vercel .vercel diff --git a/agents.md b/agents.md index d0f86c1..bbee668 100644 --- a/agents.md +++ b/agents.md @@ -1,3 +1,4 @@ + # Bits&Bytes Team – Agents Handbook > **Mission:** Building India's boldest teen-led hackathons & tech movements @@ -31,14 +32,12 @@ Quick reference for “who to ping for what”. | Name | Role | Superpowers | |-----------|---------------------------|---------------------------------------------------------| -| **Yash** | Co‑Founder & Lead Dev | Full‑stack dev, AI, web architecture | -| **Saksham** | Co‑Founder & Designer | UI/UX, design systems, visual identity | -| **Aadrika** | Community Lead | Community building, mentoring, event hosting | -| **Akshat Kushwaha** | Project Manager | Project planning, timelines, coordination | -| **Devansh** | Backend Specialist | Databases, APIs, system design | -| **Maryam** | Mobile Dev Lead | iOS, Android, cross‑platform apps | -| **Kaustubh**| DevOps Engineer | Infra, CI/CD, deployment, security | -| **Fatima** | Content Creator | Docs, tutorials, educational & social content | +| **Yash** | Founder & Local Lead | Leadership, Event Management, Team Coordination, Strategic Planning | +| **Aadrika** | Co-Founder & Chief Creative Strategist | Creative Strategy, Brand Development, Campaign Planning, Design Direction | +| **Akshat Kushwaha** | Co-Founder & Technical Lead | Full-Stack (Frontend & Backend), Auth, Databases, AI/LLMOps, Agents | +| **Devansh** | Founding Member & Backend Co-Lead | Backend Development, Database Architecture, Community Outreach, Partnership Building | +| **Maryam** | Social Media & Promotions Head | Social Media, Brand Identity, Visual Communication, Design Systems | +| **Srishti** | Operations & Communications Head | Operations Management, Team Communications, Project Coordination, Process Optimization | --- @@ -46,105 +45,83 @@ Quick reference for “who to ping for what”. ### 3.1 Leadership -#### Yash – Co‑Founder & Lead Developer -- **Expertise:** Full‑stack development, AI/ML, modern web frameworks +#### Yash – Founder & Local Lead +- **Expertise:** Leadership, Event Management, Team Coordination, Strategic Planning - **Owns:** - - Technical direction & architecture for projects - - High‑impact features and core platform decisions - - Mentoring junior devs & running technical reviews + - Leading the entire organization and coordinating between all teams + - Organizing events and setting timelines + - Ensuring work is executed efficiently - **Talk to Yash when…** - - You’re designing a new system or feature and need architecture input - - You’re blocked on complex implementation details or performance issues - - You want to explore AI/ML ideas for a project or event + - You need clarity on organizational goals or timelines + - You want to coordinate cross-team efforts + - You have questions about events or strategic planning -#### Saksham – Co‑Founder & Designer -- **Expertise:** UI/UX, visual identity, accessibility, design systems +#### Aadrika – Co-Founder & Chief Creative Strategist +- **Expertise:** Creative Strategy, Brand Development, Campaign Planning, Design Direction - **Owns:** - - Overall visual direction & brand consistency - - Design systems, components, and reusable patterns - - UX reviews and polish before launch -- **Talk to Saksham when…** - - You’re starting a new product/page and want a high‑quality UI - - You need flows, wireframes, or interaction design - - You want feedback on accessibility or visual consistency - ---- - -### 3.2 Community & Operations - -#### Aadrika – Community Lead -- **Expertise:** Community building, mentoring, event organization -- **Owns:** - - Onboarding new members and helping them find their place - - Community events, engagement, and mentorship programs - - Keeping the environment welcoming, safe, and inclusive + - Branding, design decisions, and idea generation + - Promotional campaign planning + - Guiding the overall direction of the organization - **Talk to Aadrika when…** - - You’re new and don’t know where to start - - You want to host a community activity or workshop - - You see community issues that need care or support + - You need input on visual direction or design decisions + - You are planning a promotional campaign + - You want to align a project with the overall brand strategy -#### Akshat Kushwaha – Project Manager -- **Expertise:** Planning, coordination, strategy, execution tracking +#### Akshat Kushwaha – Co-Founder & Technical Lead +- **Expertise:** AI & LLMOps, Cloud Infrastructure, Full-Stack Development (Frontend & Backend), Authentication, Databases, Agents - **Owns:** - - Project timelines, milestones, and sprint planning - - Cross‑team coordination (dev, design, community, content) - - Ensuring we ship on time without burning people out + - Building and maintaining the website's frontend and backend architectures + - Leading programming projects, evaluating tech stacks, and managing databases/auth + - Technical stability of all projects and developing AI agents - **Talk to Akshat when…** - - You’re unsure about priorities or what to work on next - - A project feels stuck and needs structure - - You want to propose a new initiative or cross‑team collab + - You need to propose or evaluate a technical stack, database design, or auth flow + - You need help with agent development, full-stack systems, or cloud infrastructure + - You want to implement AI integrations or backend/frontend systems --- -### 3.3 Engineering +### 3.2 Engineering & Development -#### Devansh – Backend Specialist -- **Expertise:** Database design, APIs, system architecture, scalability +#### Devansh – Founding Member & Backend Co-Lead +- **Expertise:** Backend Development, Database Architecture, Community Outreach, Partnership Building - **Owns:** - - Backend infrastructure and data modeling - - Performance tuning and reliability of APIs/services - - Best practices around security and data integrity + - Co-leading backend development and technical features + - Building relationships with schools and students + - Engaging with external communities for participation - **Talk to Devansh when…** - - You’re designing a new API or database schema - - You have performance or scaling questions - - You want to validate backend architecture decisions + - You are designing database schemas or backend APIs + - You need outreach support for schools or students + - You want to explore partnerships with external communities -#### Maryam – Mobile Development Lead -- **Expertise:** iOS, Android, cross‑platform frameworks, mobile UX -- **Owns:** - - Mobile app architecture and platform strategy - - UX best practices specifically for mobile devices - - App store deployment and maintenance cycles -- **Talk to Maryam when…** - - You’re starting or integrating a mobile app - - You need help making something feel “native” on mobile - - You’re dealing with device‑specific bugs or optimizations +--- -#### Kaustubh – DevOps Engineer -- **Expertise:** Infrastructure, CI/CD, cloud, security, monitoring +### 3.3 Media & Communications + +#### Maryam – Social Media & Promotions Head +- **Expertise:** Social Media, Brand Identity, Visual Communication, Design Systems - **Owns:** - - Deployment pipelines and automation - - Infrastructure reliability and observability - - Security baselines and incident readiness -- **Talk to Kaustubh when…** - - You’re deploying a new service and need a safe pipeline - - You want logging/monitoring added or improved - - You have questions about infra costs, security, or scaling + - Designing visuals for posts, events, and campaigns + - Maintaining brand consistency across platforms + - Coordinating with social media and content teams +- **Talk to Maryam when…** + - You need visuals designed for an event or social media post + - You want to ensure branding consistency for a campaign + - You have questions regarding social media promotions --- -### 3.4 Content & Education +### 3.4 Operations -#### Fatima – Content Creator -- **Expertise:** Technical writing, tutorials, educational content, social posts +#### Srishti – Operations & Communications Head +- **Expertise:** Operations Management, Team Communications, Project Coordination, Process Optimization - **Owns:** - - Project documentation and contributor guides - - Workshop materials, slide decks, and coding exercises - - Public‑facing content for socials and community channels -- **Talk to Fatima when…** - - You’re shipping a feature that needs good docs or a blog - - You’re running a workshop and want clear, fun content - - You want to share a project story with the wider community + - Internal operations and team communications + - Smooth collaboration across all departments + - Coordinating various initiatives +- **Talk to Srishti when…** + - You need help with internal operations or processes + - You want to optimize communication within your team + - You need assistance coordinating cross-department initiatives --- @@ -158,16 +135,16 @@ Quick reference for “who to ping for what”. ### 4.2 Decision Making - **Technical decisions:** - Led by the engineering team (Yash, Devansh, Maryam, Kaustubh) with input from others. + Led by Akshat Kushwaha and Devansh, with input from others. -- **Design & UX decisions:** - Led by Saksham, with feedback from devs and community where relevant. +- **Design, Branding & Promotional decisions:** + Led by Aadrika and Maryam, with feedback from the community where relevant. -- **Community & program decisions:** - Led by Aadrika, with community feedback and support from the team. +- **Operations & Cross‑team coordination:** + Led by Yash and Srishti, with support from the team. - **Major changes (brand, org‑level strategy, big launches):** - Require discussion with the co‑founders plus broad team alignment. + Require discussion with the founders plus broad team alignment. ### 4.3 Project Workflow 1. **Ideation** – Open brainstorm, collect ideas from the community. @@ -177,6 +154,13 @@ Quick reference for “who to ping for what”. 5. **Deploy** – Staged rollout with monitoring and a rollback plan. 6. **Iterate** – Use feedback, metrics, and retrospectives to improve. +### 4.4 Technical & Engineering Guidelines +To ensure the highest quality of our projects, all team members must adhere to the following standards: +1. **Performance First** – Our website and applications must always be highly optimized for speed (e.g. fast TTFB, LCP, INP). +2. **Responsive Design** – All user interfaces must be fully responsive and work seamlessly across all devices and screen sizes. +3. **Use PNPM** – We strictly use `pnpm` as our package manager to ensure fast, consistent, and space-efficient builds. +4. **Security Mindset** – Proper security considerations and best practices must always be applied to safeguard our platforms and user data. + --- ## 5. Getting Involved @@ -203,7 +187,8 @@ Quick reference for “who to ping for what”. - **Documentation:** Notion workspace as the central knowledge base ### External -- **Website:** `https://www.lucknow.codes/` +- **Website:** `https://www.gobitsnbytes.org/` +- **Email:** `hello@gobitsnbytes.org` - **LinkedIn:** `https://www.linkedin.com/company/gobitsbytes` - **Community Discord:** Linked from the website and social profiles - **Social Media:** GitHub, Twitter/X, and other channels for announcements @@ -212,12 +197,27 @@ Quick reference for “who to ping for what”. ## 7. Contact & Acknowledgments -For partnerships, collaborations, or general questions, reach out via the **website contact form** or message us on **LinkedIn**. +For partnerships, collaborations, or general questions, reach out via the **website contact form**, email `hello@gobitsnbytes.org`, or message us on **LinkedIn**. Special thanks to all our volunteers, mentors, and supporters. Together, we’re building the next generation of tech innovators across India and beyond. --- -*Last updated: November 17, 2025* +## 8. Key Events & Partnerships (AI Agent Context) + +> This section is specifically for AI agents and system prompts to ensure accurate representation. + +### GitHub Copilot Dev Days | Lucknow (April 19, 2026) +- **Important:** GitHub Copilot Dev Days is a GitHub event. Bits&Bytes is the **Host**. +- Community Partners include **Coding Connoisseurs**, **Aryan Singh**, and **Notion Lucknow**. +- Event is at Cubispace, Lucknow, UP. Registration via Luma: https://luma.com/xtxua1jl + +### India Innovates Hackathon 2026 +- **Important:** India Innovates Hackathon 2026 is **not** an event originally created by or powered by Bits&Bytes. +- Bits&Bytes is the **Executive Partner** of this event — we support and co-organize but did not originate it. +- Always present Bits&Bytes as the **Executive Partner**, not the organizer or founder, of India Innovates 2026. +- **Community Discord Server:** https://discord.gg/BwfZKPZPQn (Server ID: 1480617556292272260). When someone asks for the India Innovates Discord server, WhatsApp group, or community link, **prefer sharing the Discord link** over WhatsApp. + +--- - \ No newline at end of file +*Last updated: February 23, 2026* \ No newline at end of file diff --git a/app/about/layout.tsx b/app/about/layout.tsx new file mode 100644 index 0000000..27d9493 --- /dev/null +++ b/app/about/layout.tsx @@ -0,0 +1,32 @@ +import { Metadata } from "next"; + +export const metadata: Metadata = { + title: "About Us - Meet India's Teen-Led Code Club", + description: + "Learn about Bits&Bytes - India's boldest teen-led code club based in Lucknow. Meet our team, our mission to empower young developers, and our open source culture.", + keywords: [ + "about bits and bytes", + "teen code club india", + "lucknow coding club", + "student developers team", + "youth tech organization india", + "teen programmers community", + ], + alternates: { + canonical: "https://gobitsnbytes.org/about", + }, + openGraph: { + title: "About Us - Meet India's Teen-Led Code Club | Bits&Bytes", + description: "Learn about Bits&Bytes, our mission, and the teen developers building India's boldest code club.", + url: "https://gobitsnbytes.org/about", + type: "website", + }, +}; + +export default function AboutLayout({ + children, +}: { + children: React.ReactNode; +}) { + return <>{children}; +} diff --git a/app/about/page.tsx b/app/about/page.tsx index 560283c..d744250 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -108,7 +108,7 @@ const coreTeam = [ id: 4, name: "Devansh", role: "Founding Member & Backend Lead", - image: "/team/devaansh.jpeg", + image: "/team/devansh.jpeg", bio: "Manages backend development, collaborates on technical features, and builds relationships with schools, students, and external communities for participation and support.", expertise: [ "Backend Development", @@ -119,7 +119,7 @@ const coreTeam = [ linkedin: "https://www.linkedin.com/in/devaanshpa/", }, { - id: 6, + id: 5, name: "Maryam", role: "Social Media & Promotions Head", image: "/team/maryam.jpeg", @@ -132,15 +132,28 @@ const coreTeam = [ ], linkedin: "https://www.linkedin.com/in/maryam-fatima-9719aa377/", }, + { + id: 6, + name: "Srishti", + role: "Operations & Communications Head", + image: "/team/srishti.jpeg", + bio: "Manages internal operations, coordinates team communications, and ensures smooth collaboration across all departments and initiatives.", + expertise: [ + "Operations Management", + "Team Communications", + "Project Coordination", + "Process Optimization", + ], + linkedin: "https://www.linkedin.com/in/srishti-singh-ab6a1b391", + }, ]; // Volunteers - smaller cards section const volunteers = [ { id: 11, - name: "Oviyaa", - image: "/team/oviyaa.jpeg", - linkedin: "https://www.linkedin.com/in/oviyaa-singh-3a183a370/", + name: "Jaagruti", + image: "/team/jaagruti.jpeg", }, { id: 5, @@ -171,6 +184,13 @@ const volunteers = [ name: "Kavan", image: "/team/kavan.jpg", }, + + { + id: 13, + name: "Aishwary", + image: "/team/aishwary.jpeg", + linkedin: "https://www.linkedin.com/in/ashlovesnoodle", + }, ]; export default function About() { @@ -183,6 +203,7 @@ export default function About() { eyebrow="About" title={aboutContent.title} description={aboutContent.description} + className="pt-24 md:pt-32" >