From 31e1f7329e5a39f10a240ee3870deb0e96131cce Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 14:24:41 +0000 Subject: [PATCH 1/6] Initial plan From e09826e329a2a322acce953b7a680345f37db34f Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 14:33:19 +0000 Subject: [PATCH 2/6] Add Phase 1 core navigation pages: team, contact, contributing, community Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/app/community/page.tsx | 278 +++++++++++++++++++++++++++++ src/app/contact/page.tsx | 196 ++++++++++++++++++++ src/app/contributing/page.tsx | 326 ++++++++++++++++++++++++++++++++++ src/app/team/page.tsx | 126 +++++++++++++ 4 files changed, 926 insertions(+) create mode 100644 src/app/community/page.tsx create mode 100644 src/app/contact/page.tsx create mode 100644 src/app/contributing/page.tsx create mode 100644 src/app/team/page.tsx diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx new file mode 100644 index 0000000..9f2be6b --- /dev/null +++ b/src/app/community/page.tsx @@ -0,0 +1,278 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { GitHubLogoIcon, ChatBubbleIcon, HeartIcon, RocketIcon, CheckIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Community", + description: "Join the CodeStorm Hub community. Learn about our values, guidelines, and how to participate.", + openGraph: { + title: "Community | CodeStorm Hub", + description: "Join the CodeStorm Hub community. Learn about our values, guidelines, and how to participate.", + }, +} + +const communityValues = [ + { + title: "Inclusivity", + description: "We welcome contributors from all backgrounds and experience levels.", + icon: HeartIcon, + }, + { + title: "Collaboration", + description: "Great things happen when we work together toward common goals.", + icon: ChatBubbleIcon, + }, + { + title: "Innovation", + description: "We encourage creative thinking and exploring new possibilities.", + icon: RocketIcon, + }, + { + title: "Quality", + description: "We strive for excellence in everything we create and maintain.", + icon: CheckIcon, + }, +] + +const guidelines = [ + { + title: "Be Respectful", + items: [ + "Treat all community members with kindness and respect", + "Use inclusive language that welcomes everyone", + "Respect different opinions and perspectives", + "Give constructive feedback rather than criticism", + ], + }, + { + title: "Be Helpful", + items: [ + "Support other community members when they ask for help", + "Share your knowledge and experience", + "Mentor newcomers and help them get started", + "Celebrate others' achievements and contributions", + ], + }, + { + title: "Be Professional", + items: [ + "Keep discussions relevant to the project or community", + "Avoid spam, self-promotion, or off-topic content", + "Use appropriate channels for different types of communication", + "Respect project maintainers' decisions and guidelines", + ], + }, + { + title: "Be Collaborative", + items: [ + "Work together to solve problems and build great software", + "Be open to feedback and different approaches", + "Share credit and acknowledge contributions", + "Focus on what's best for the community and projects", + ], + }, +] + +const participationWays = [ + { + title: "Join Discussions", + description: "Participate in GitHub Discussions to share ideas and ask questions", + action: "Visit Discussions", + href: "https://github.com/orgs/CodeStorm-Hub/discussions", + }, + { + title: "Contribute Code", + description: "Submit pull requests with bug fixes, features, or improvements", + action: "View Contributing Guide", + href: "/contributing", + }, + { + title: "Report Issues", + description: "Help improve our projects by reporting bugs or suggesting enhancements", + action: "Browse Repositories", + href: "https://github.com/CodeStorm-Hub", + }, + { + title: "Spread the Word", + description: "Share our projects and help grow the community", + action: "Follow on GitHub", + href: "https://github.com/CodeStorm-Hub", + }, +] + +export default function CommunityPage() { + return ( +
+ +
+ {/* Hero */} +
+

Welcome to Our Community

+

+ CodeStorm Hub is more than just code—it's a community of passionate individuals + working together to create amazing open source projects. We believe in the power + of collaboration, learning, and mutual support. +

+
+ + {/* Community Values */} +
+
+

Our Values

+

+ These values guide everything we do and help create a positive environment for everyone. +

+
+ +
+ {communityValues.map((value, index) => { + const Icon = value.icon + return ( + + +
+ +
+ {value.title} +
+ +

{value.description}

+
+
+ ) + })} +
+
+ + {/* Community Guidelines */} +
+
+

Community Guidelines

+

+ To maintain a welcoming and productive environment, we ask all community members + to follow these guidelines. +

+
+ +
+ {guidelines.map((guideline, index) => ( + + + {guideline.title} + + +
    + {guideline.items.map((item, itemIndex) => ( +
  • + + {item} +
  • + ))} +
+
+
+ ))} +
+
+ + {/* How to Participate */} +
+
+

How to Participate

+

+ There are many ways to get involved in our community. Choose what works best for you! +

+
+ +
+ {participationWays.map((way, index) => ( + + + {way.title} + {way.description} + + + + + + ))} +
+
+ + {/* Code of Conduct */} + + + Code of Conduct + + Our commitment to creating a safe and inclusive environment + + + +

+ We are committed to providing a friendly, safe, and welcoming environment for all, + regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, + and religion (or lack thereof). +

+

+ By participating in our community, you agree to abide by our Code of Conduct. + Violations may result in temporary or permanent bans from community spaces. +

+ +
+
+ + {/* Recognition */} + + + Community Recognition + + Celebrating our amazing community members + + + +

+ We regularly recognize outstanding contributions and community members who go above + and beyond to help others and improve our projects. Every contribution, big or small, + makes a difference! +

+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..9b71be1 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,196 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { GitHubLogoIcon, EnvelopeClosedIcon, ChatBubbleIcon, QuestionMarkCircledIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Contact", + description: "Get in touch with the CodeStorm Hub team. We're here to help and answer your questions.", + openGraph: { + title: "Contact | CodeStorm Hub", + description: "Get in touch with the CodeStorm Hub team. We're here to help and answer your questions.", + }, +} + +const contactMethods = [ + { + title: "GitHub Discussions", + description: "Ask questions, share ideas, and connect with our community", + icon: ChatBubbleIcon, + href: "https://github.com/orgs/CodeStorm-Hub/discussions", + primary: true, + }, + { + title: "GitHub Issues", + description: "Report bugs, request features, or contribute to our projects", + icon: GitHubLogoIcon, + href: "https://github.com/CodeStorm-Hub", + primary: false, + }, + { + title: "General Inquiries", + description: "For partnerships, press, or other general questions", + icon: EnvelopeClosedIcon, + href: "mailto:hello@codestorm-hub.org", + primary: false, + }, +] + +const faqs = [ + { + question: "How can I contribute to CodeStorm Hub?", + answer: "We welcome contributions of all kinds! Check out our contributing guide to get started, or browse our GitHub repositories to find projects that interest you.", + }, + { + question: "Do you offer support for your projects?", + answer: "Community support is available through GitHub Discussions and Issues. For each project, you can find documentation and examples in the respective repositories.", + }, + { + question: "Can I use CodeStorm Hub projects in commercial applications?", + answer: "Yes! Our projects are open source and free to use. Please check the specific license for each project to understand the terms and conditions.", + }, + { + question: "How do I report a security vulnerability?", + answer: "Security is important to us. Please report security vulnerabilities responsibly by following the instructions in our Security Policy on GitHub.", + }, +] + +export default function ContactPage() { + return ( +
+ +
+ {/* Hero */} +
+

Get in Touch

+

+ Have a question, idea, or want to collaborate? We'd love to hear from you. + Here are the best ways to connect with our community. +

+
+ + {/* Contact Methods */} +
+ {contactMethods.map((method, index) => { + const Icon = method.icon + return ( + + +
+ +
+ {method.title} + {method.description} +
+ + + +
+ ) + })} +
+ + {/* Response Times */} + + + Response Times + + Here's what you can expect when reaching out to us + + + +
+
+

Community Support

+

+ GitHub Discussions and Issues are monitored by our community volunteers. + Response times vary, but we aim to acknowledge new posts within 48 hours. +

+
+
+

General Inquiries

+

+ For partnerships, press, and other business inquiries, we typically + respond within 1-2 business days. +

+
+
+
+
+ + {/* FAQ */} +
+
+

+ Frequently Asked Questions +

+

+ Quick answers to common questions. If you don't find what you're looking for, + feel free to reach out using any of the methods above. +

+
+ +
+ {faqs.map((faq, index) => ( + + + + + {faq.question} + + + +

{faq.answer}

+
+
+ ))} +
+
+ + {/* Community Guidelines CTA */} + + + Community Guidelines + + Help us maintain a welcoming and inclusive environment + + + +

+ Before reaching out, please review our community guidelines and code of conduct + to ensure respectful and productive interactions. +

+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/contributing/page.tsx b/src/app/contributing/page.tsx new file mode 100644 index 0000000..7b3fbfe --- /dev/null +++ b/src/app/contributing/page.tsx @@ -0,0 +1,326 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { GitHubLogoIcon, CodeIcon, FileTextIcon, ChatBubbleIcon, StarIcon, CheckIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Contributing", + description: "Learn how to contribute to CodeStorm Hub projects and join our open source community.", + openGraph: { + title: "Contributing | CodeStorm Hub", + description: "Learn how to contribute to CodeStorm Hub projects and join our open source community.", + }, +} + +const contributionTypes = [ + { + title: "Code Contributions", + description: "Submit bug fixes, new features, or improvements to our projects", + icon: CodeIcon, + actions: [ + "Fork the repository", + "Create a feature branch", + "Make your changes", + "Submit a pull request", + ], + }, + { + title: "Documentation", + description: "Help improve our docs, write tutorials, or create examples", + icon: FileTextIcon, + actions: [ + "Review existing docs", + "Identify gaps or errors", + "Write clear content", + "Submit improvements", + ], + }, + { + title: "Community Support", + description: "Help other community members and answer questions", + icon: ChatBubbleIcon, + actions: [ + "Monitor GitHub Discussions", + "Answer questions", + "Share your expertise", + "Welcome new contributors", + ], + }, + { + title: "Testing & Feedback", + description: "Test our projects, report bugs, and suggest improvements", + icon: StarIcon, + actions: [ + "Try out new features", + "Report bugs you find", + "Suggest enhancements", + "Provide user feedback", + ], + }, +] + +const guidelines = [ + { + title: "Be Respectful", + description: "Treat all community members with respect and kindness. Follow our Code of Conduct.", + }, + { + title: "Start Small", + description: "Begin with small contributions to get familiar with our workflow and project structure.", + }, + { + title: "Ask Questions", + description: "Don't hesitate to ask questions if you're unsure about something. We're here to help!", + }, + { + title: "Follow Standards", + description: "Adhere to our coding standards, commit message conventions, and PR guidelines.", + }, + { + title: "Test Your Work", + description: "Ensure your changes work correctly and don't break existing functionality.", + }, + { + title: "Document Changes", + description: "Update documentation and add tests for new features or significant changes.", + }, +] + +export default function ContributingPage() { + return ( +
+ +
+ {/* Hero */} +
+

Contributing to CodeStorm Hub

+

+ We believe in the power of community-driven development. Whether you're a seasoned developer + or just starting out, there are many ways you can contribute to our projects. +

+
+ + {/* Get Started */} + + + Ready to Get Started? + + Follow these steps to make your first contribution + + + +
+
+
+ 1 +
+

Explore Projects

+

+ Browse our repositories and find a project that interests you +

+
+
+
+ 2 +
+

Read the Docs

+

+ Check the project's README and contributing guidelines +

+
+
+
+ 3 +
+

Pick an Issue

+

+ Look for issues labeled "good first issue" or "help wanted" +

+
+
+
+ 4 +
+

Make Changes

+

+ Fork, clone, make your changes, and submit a pull request +

+
+
+ +
+
+ + {/* Ways to Contribute */} +
+
+

Ways to Contribute

+

+ There are many ways to contribute to our projects, regardless of your skill level or experience. +

+
+ +
+ {contributionTypes.map((type, index) => { + const Icon = type.icon + return ( + + +
+
+ +
+
+ {type.title} + {type.description} +
+
+
+ +
    + {type.actions.map((action, actionIndex) => ( +
  • + + {action} +
  • + ))} +
+
+
+ ) + })} +
+
+ + {/* Guidelines */} +
+
+

Contribution Guidelines

+

+ Please follow these guidelines to ensure a smooth contribution process for everyone. +

+
+ +
+ {guidelines.map((guideline, index) => ( + +

+ + {guideline.title} +

+

+ {guideline.description} +

+
+ ))} +
+
+ + {/* Resources */} + + + Helpful Resources + + Links and resources to help you get started with contributing + + + + + + + + {/* Recognition */} + + + Recognition & Rewards + + We appreciate and recognize our contributors + + + +

+ All contributors are recognized in our project README files and contributor lists. + We believe in celebrating the amazing work our community members do to make our + projects better for everyone. +

+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx new file mode 100644 index 0000000..6c22707 --- /dev/null +++ b/src/app/team/page.tsx @@ -0,0 +1,126 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { GitHubLogoIcon, LinkedInLogoIcon } from "@radix-ui/react-icons" +import Image from "next/image" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Team", + description: "Meet the passionate individuals behind CodeStorm Hub and our open-source community.", + openGraph: { + title: "Team | CodeStorm Hub", + description: "Meet the passionate individuals behind CodeStorm Hub and our open-source community.", + }, +} + +const teamMembers = [ + { + name: "Community Contributors", + role: "Open Source Enthusiasts", + bio: "Our team is made up of passionate contributors from around the world who believe in the power of open source collaboration.", + avatar: "https://github.com/CodeStorm-Hub.png", + github: "https://github.com/CodeStorm-Hub", + linkedin: null, + }, + // Add more team members as they join +] + +export default function TeamPage() { + return ( +
+ +
+ {/* Hero */} +
+

Meet Our Team

+

+ CodeStorm Hub is powered by a diverse community of developers, researchers, + and innovators from around the world. Together, we're building the future of open source. +

+
+ + {/* Team Members */} +
+ {teamMembers.map((member, index) => ( + + +
+ {`${member.name} +
+ {member.name} + {member.role} +
+ +

{member.bio}

+
+ {member.github && ( + + )} + {member.linkedin && ( + + )} +
+
+
+ ))} +
+ + {/* Join Us Section */} + + + Join Our Team + + We're always looking for passionate contributors to join our community + + + +

+ Whether you're a developer, designer, writer, or just passionate about open source, + there's a place for you in the CodeStorm Hub community. Join us and help build + amazing projects together. +

+ +
+
+
+
+
+ ) +} \ No newline at end of file From dbc42699dc047fb0f26593d1f1f99f4ec259ea06 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 14:41:42 +0000 Subject: [PATCH 3/6] Add Phase 2 content pages: blog, roadmap, changelog, resources, events Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/app/blog/page.tsx | 211 +++++++++++++++++++ src/app/changelog/page.tsx | 311 ++++++++++++++++++++++++++++ src/app/events/page.tsx | 384 +++++++++++++++++++++++++++++++++++ src/app/resources/page.tsx | 400 +++++++++++++++++++++++++++++++++++++ src/app/roadmap/page.tsx | 293 +++++++++++++++++++++++++++ 5 files changed, 1599 insertions(+) create mode 100644 src/app/blog/page.tsx create mode 100644 src/app/changelog/page.tsx create mode 100644 src/app/events/page.tsx create mode 100644 src/app/resources/page.tsx create mode 100644 src/app/roadmap/page.tsx diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx new file mode 100644 index 0000000..84b7e87 --- /dev/null +++ b/src/app/blog/page.tsx @@ -0,0 +1,211 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { CalendarIcon, PersonIcon, ArrowRightIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Blog", + description: "Stay up to date with CodeStorm Hub news, updates, and technical articles from our community.", + openGraph: { + title: "Blog | CodeStorm Hub", + description: "Stay up to date with CodeStorm Hub news, updates, and technical articles from our community.", + }, +} + +const blogPosts = [ + { + title: "Welcome to CodeStorm Hub", + description: "Introducing our new community platform and what we're building together.", + author: "CodeStorm Hub Team", + date: "2024-01-15", + readTime: "3 min read", + category: "Announcement", + slug: "welcome-to-codestorm-hub", + featured: true, + }, + { + title: "Building with Next.js 15 and Radix UI", + description: "A deep dive into our tech stack choices and why we chose these technologies.", + author: "Development Team", + date: "2024-01-10", + readTime: "8 min read", + category: "Technical", + slug: "building-with-nextjs-radix", + featured: false, + }, + { + title: "Community Guidelines and Best Practices", + description: "How to participate in our community and make meaningful contributions.", + author: "Community Team", + date: "2024-01-05", + readTime: "5 min read", + category: "Community", + slug: "community-guidelines", + featured: false, + }, +] + +const categories = ["All", "Announcement", "Technical", "Community", "Tutorial", "News"] + +export default function BlogPage() { + return ( +
+ +
+ {/* Hero */} +
+

Blog & News

+

+ Stay up to date with the latest news, updates, and insights from the CodeStorm Hub community. + Discover technical articles, project announcements, and community highlights. +

+
+ + {/* Categories */} +
+ {categories.map((category) => ( + + ))} +
+ + {/* Featured Post */} + {blogPosts + .filter(post => post.featured) + .map((post, index) => ( + + +
+ + Featured + + + {post.category} + +
+ {post.title} + {post.description} +
+ +
+
+ + {post.author} +
+
+ + {new Date(post.date).toLocaleDateString()} +
+ {post.readTime} +
+ +
+
+ ))} + + {/* Recent Posts */} +
+

Recent Articles

+
+ {blogPosts + .filter(post => !post.featured) + .map((post, index) => ( + + +
+ + {post.category} + +
+ {post.title} + {post.description} +
+ +
+
+ + {post.author} +
+
+ + {new Date(post.date).toLocaleDateString()} +
+
+
+ {post.readTime} +
+ +
+
+ ))} +
+
+ + {/* Newsletter Signup */} + + + Stay Updated + + Subscribe to our newsletter for the latest updates and articles + + + +

+ Get notified when we publish new articles, announce major updates, + or share interesting insights from our community. +

+
+ + +
+

+ No spam, unsubscribe at any time. +

+
+
+ + {/* Archive & RSS */} +
+
+ + +
+

+ Looking for older posts? Check out our archive or subscribe to our RSS feed. +

+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/changelog/page.tsx b/src/app/changelog/page.tsx new file mode 100644 index 0000000..f209280 --- /dev/null +++ b/src/app/changelog/page.tsx @@ -0,0 +1,311 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { CalendarIcon, GitHubLogoIcon, PlusIcon, ArrowUpIcon, GearIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Changelog", + description: "Stay up to date with all CodeStorm Hub updates, releases, and improvements.", + openGraph: { + title: "Changelog | CodeStorm Hub", + description: "Stay up to date with all CodeStorm Hub updates, releases, and improvements.", + }, +} + +const changelogEntries = [ + { + version: "v0.2.0", + date: "2024-01-15", + type: "major", + title: "Community Platform Launch", + description: "Major update introducing comprehensive community features and navigation.", + changes: [ + { + type: "added", + items: [ + "Team page with contributor showcase", + "Contact page with multiple communication channels", + "Contributing guide with step-by-step instructions", + "Community guidelines and values", + "Blog system for articles and updates", + "Project roadmap with transparent planning", + ], + }, + { + type: "improved", + items: [ + "Enhanced navigation structure", + "Better responsive design across all pages", + "Improved accessibility with proper ARIA labels", + "Optimized images using Next.js Image component", + ], + }, + { + type: "fixed", + items: [ + "Header navigation now properly links to all pages", + "Consistent styling across different page types", + "Mobile menu improvements", + ], + }, + ], + }, + { + version: "v0.1.0", + date: "2024-01-01", + type: "initial", + title: "Initial Platform Release", + description: "First public release of the CodeStorm Hub platform with core functionality.", + changes: [ + { + type: "added", + items: [ + "Homepage with hero section and feature highlights", + "About page with mission and values", + "Projects page with showcase layout", + "Basic responsive design system", + "Tailwind CSS 4 integration", + "Radix UI component library", + "Next.js 15 with App Router", + "TypeScript configuration", + ], + }, + { + type: "technical", + items: [ + "ESLint configuration for code quality", + "Automated build and deployment pipeline", + "Vercel deployment configuration", + "SEO optimization with metadata", + ], + }, + ], + }, +] + +const changeTypeConfig = { + added: { + icon: PlusIcon, + color: "text-green-600", + bg: "bg-green-100 dark:bg-green-900/20", + label: "Added", + }, + improved: { + icon: ArrowUpIcon, + color: "text-blue-600", + bg: "bg-blue-100 dark:bg-blue-900/20", + label: "Improved", + }, + fixed: { + icon: GearIcon, + color: "text-orange-600", + bg: "bg-orange-100 dark:bg-orange-900/20", + label: "Fixed", + }, + technical: { + icon: GearIcon, + color: "text-purple-600", + bg: "bg-purple-100 dark:bg-purple-900/20", + label: "Technical", + }, +} + +const versionTypeConfig = { + major: { + color: "text-red-600", + bg: "bg-red-100 dark:bg-red-900/20", + label: "Major Release", + }, + minor: { + color: "text-blue-600", + bg: "bg-blue-100 dark:bg-blue-900/20", + label: "Minor Release", + }, + patch: { + color: "text-green-600", + bg: "bg-green-100 dark:bg-green-900/20", + label: "Patch Release", + }, + initial: { + color: "text-purple-600", + bg: "bg-purple-100 dark:bg-purple-900/20", + label: "Initial Release", + }, +} + +export default function ChangelogPage() { + return ( +
+ +
+ {/* Hero */} +
+

Changelog

+

+ Keep track of all updates, improvements, and new features added to CodeStorm Hub. + We believe in transparent development and regular communication with our community. +

+
+ + {/* Subscribe to Updates */} + + + Stay Updated + + Get notified about new releases and updates + + + + + + + + {/* Changelog Entries */} +
+ {changelogEntries.map((entry, index) => { + const versionConfig = versionTypeConfig[entry.type as keyof typeof versionTypeConfig] + + return ( +
+ {/* Timeline line */} + {index < changelogEntries.length - 1 && ( +
+ )} + + + +
+
+ {entry.version.replace('v', '')} +
+
+
+ {entry.title} +
+ + {versionConfig.label} + +
+ + {new Date(entry.date).toLocaleDateString()} +
+
+
+ {entry.description} +
+
+
+ +
+ {entry.changes.map((changeGroup, changeIndex) => { + const config = changeTypeConfig[changeGroup.type as keyof typeof changeTypeConfig] + const Icon = config.icon + + return ( +
+

+
+ +
+ {config.label} +

+
    + {changeGroup.items.map((item, itemIndex) => ( +
  • + + {item} +
  • + ))} +
+
+ ) + })} +
+
+
+
+ ) + })} +
+ + {/* Release Info */} + + + Release Information + + How we manage versions and releases + + + +
+
+

Version Numbering

+

+ We follow semantic versioning (SemVer) for our releases: +

+
    +
  • Major (x.0.0): Breaking changes
  • +
  • Minor (0.x.0): New features
  • +
  • Patch (0.0.x): Bug fixes
  • +
+
+
+

Release Schedule

+

+ We aim for regular releases based on community needs: +

+
    +
  • Major releases: Quarterly
  • +
  • Minor releases: Monthly
  • +
  • Patch releases: As needed
  • +
+
+
+
+
+ + {/* Links */} +
+ +

+ See what's coming next or contribute to our open source projects. +

+
+
+ +
+ ) +} \ No newline at end of file diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx new file mode 100644 index 0000000..84fdbfd --- /dev/null +++ b/src/app/events/page.tsx @@ -0,0 +1,384 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { CalendarIcon, ClockIcon, GlobeIcon, VideoIcon, PersonIcon, PinTopIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Events", + description: "Join CodeStorm Hub community events, workshops, and meetups. Connect with fellow developers.", + openGraph: { + title: "Events | CodeStorm Hub", + description: "Join CodeStorm Hub community events, workshops, and meetups. Connect with fellow developers.", + }, +} + +const upcomingEvents = [ + { + title: "Open Source Contribution Workshop", + description: "Learn how to make your first contribution to open source projects with hands-on guidance.", + date: "2024-02-15", + time: "18:00 UTC", + duration: "2 hours", + type: "Workshop", + format: "Virtual", + level: "Beginner", + maxAttendees: 50, + registrations: 23, + link: "#", + featured: true, + }, + { + title: "Next.js 15 Deep Dive", + description: "Explore the latest features in Next.js 15 and learn how to build modern web applications.", + date: "2024-02-22", + time: "19:00 UTC", + duration: "1.5 hours", + type: "Tech Talk", + format: "Virtual", + level: "Intermediate", + maxAttendees: 100, + registrations: 45, + link: "#", + featured: false, + }, + { + title: "Community Coffee Chat", + description: "Casual community meetup to discuss projects, share ideas, and network with fellow developers.", + date: "2024-03-01", + time: "16:00 UTC", + duration: "1 hour", + type: "Meetup", + format: "Virtual", + level: "All Levels", + maxAttendees: 30, + registrations: 12, + link: "#", + featured: false, + }, +] + +const pastEvents = [ + { + title: "CodeStorm Hub Launch Event", + description: "Official launch of the CodeStorm Hub community platform with project showcases.", + date: "2024-01-15", + type: "Launch", + format: "Virtual", + attendees: 75, + recording: "#", + }, + { + title: "Building Accessible Web Components", + description: "Workshop on creating accessible UI components using Radix UI and best practices.", + date: "2024-01-08", + type: "Workshop", + format: "Virtual", + attendees: 42, + recording: "#", + }, +] + +const eventTypes = [ + { + title: "Workshops", + description: "Hands-on learning sessions with practical exercises and projects", + icon: PersonIcon, + examples: ["Getting Started with Open Source", "Advanced React Patterns", "DevOps for Developers"], + }, + { + title: "Tech Talks", + description: "Educational presentations on latest technologies and best practices", + icon: VideoIcon, + examples: ["Next.js Performance Optimization", "TypeScript Advanced Types", "Modern CSS Techniques"], + }, + { + title: "Community Meetups", + description: "Casual networking events to connect with fellow community members", + icon: GlobeIcon, + examples: ["Coffee Chats", "Project Show & Tell", "Career Discussions"], + }, + { + title: "Code Reviews", + description: "Collaborative sessions to review and improve community projects", + icon: PinTopIcon, + examples: ["Project Architecture Review", "Code Quality Discussion", "Best Practices Session"], + }, +] + +const formatConfig = { + Virtual: { + icon: GlobeIcon, + color: "text-blue-600", + bg: "bg-blue-100 dark:bg-blue-900/20", + }, + "In-Person": { + icon: PinTopIcon, + color: "text-green-600", + bg: "bg-green-100 dark:bg-green-900/20", + }, + Hybrid: { + icon: VideoIcon, + color: "text-purple-600", + bg: "bg-purple-100 dark:bg-purple-900/20", + }, +} + +const levelConfig = { + Beginner: "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400", + Intermediate: "bg-orange-100 text-orange-800 dark:bg-orange-900/20 dark:text-orange-400", + Advanced: "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400", + "All Levels": "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400", +} + +export default function EventsPage() { + return ( +
+ +
+ {/* Hero */} +
+

Community Events

+

+ Join our community events, workshops, and meetups. Learn, share knowledge, + and connect with fellow developers from around the world. +

+
+ + {/* Event Notifications */} + + + Never Miss an Event + + Get notified about upcoming events and exclusive community activities + + + + + + + + {/* Upcoming Events */} +
+

Upcoming Events

+ +
+ {upcomingEvents.map((event, index) => { + const formatIconConfig = formatConfig[event.format as keyof typeof formatConfig] + const FormatIcon = formatIconConfig.icon + + return ( + + +
+
+
+ {event.featured && ( + + Featured + + )} + + {event.type} + + + {event.level} + +
+ {event.title} + {event.description} +
+
+ +
+
+
+ +
+
+ + {new Date(event.date).toLocaleDateString()} +
+
+ + {event.time} +
+
+ + {event.format} +
+
+ + {event.registrations}/{event.maxAttendees} +
+
+ +
+
+ Duration: {event.duration} +
+
+ + +
+
+
+
+ ) + })} +
+
+ + {/* Event Types */} +
+
+

Types of Events

+

+ We host various types of events to cater to different interests and skill levels in our community. +

+
+ +
+ {eventTypes.map((type, index) => { + const Icon = type.icon + return ( + + +
+
+ +
+
+ {type.title} + {type.description} +
+
+
+ +
+

Recent Topics:

+
    + {type.examples.map((example, exampleIndex) => ( +
  • + + {example} +
  • + ))} +
+
+
+
+ ) + })} +
+
+ + {/* Past Events */} +
+

Past Events

+ +
+ {pastEvents.map((event, index) => ( + + +
+ + {event.type} + + + {event.attendees} attendees + +
+ {event.title} + {event.description} +
+ +
+
+ + {new Date(event.date).toLocaleDateString()} +
+
+ + {event.format} +
+
+ +
+
+ ))} +
+
+ + {/* Host an Event */} + + + Host an Event + + Want to share your knowledge with the community? + + + +

+ We welcome community members to host events, workshops, and talks. + Whether you want to share your expertise or lead a discussion, we'd love to help you organize it. +

+ +
+
+ + {/* Community Calendar */} +
+
+ + +
+

+ Calendar integration coming soon. Follow us on GitHub for event updates. +

+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/resources/page.tsx b/src/app/resources/page.tsx new file mode 100644 index 0000000..8546b37 --- /dev/null +++ b/src/app/resources/page.tsx @@ -0,0 +1,400 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { ReaderIcon, VideoIcon, CodeIcon, GlobeIcon, RocketIcon, PersonIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Resources", + description: "Curated learning resources, tools, and guides for the CodeStorm Hub community.", + openGraph: { + title: "Resources | CodeStorm Hub", + description: "Curated learning resources, tools, and guides for the CodeStorm Hub community.", + }, +} + +const resourceCategories = [ + { + title: "Getting Started", + description: "Essential resources for new contributors and community members", + icon: RocketIcon, + resources: [ + { + title: "Contributing Guide", + description: "Learn how to contribute to our projects", + type: "Guide", + url: "/contributing", + internal: true, + }, + { + title: "Community Guidelines", + description: "Understand our community values and guidelines", + type: "Guide", + url: "/community", + internal: true, + }, + { + title: "Code of Conduct", + description: "Our commitment to inclusive and respectful interactions", + type: "Policy", + url: "/code-of-conduct", + internal: true, + }, + { + title: "First Contributions", + description: "A hands-on tutorial for making your first open source contribution", + type: "Tutorial", + url: "https://github.com/firstcontributions/first-contributions", + internal: false, + }, + ], + }, + { + title: "Development & Tools", + description: "Technical resources, tools, and best practices for developers", + icon: CodeIcon, + resources: [ + { + title: "Next.js Documentation", + description: "Official documentation for Next.js framework", + type: "Documentation", + url: "https://nextjs.org/docs", + internal: false, + }, + { + title: "Tailwind CSS Guide", + description: "Utility-first CSS framework documentation", + type: "Documentation", + url: "https://tailwindcss.com/docs", + internal: false, + }, + { + title: "Radix UI Primitives", + description: "Unstyled, accessible components for React", + type: "Components", + url: "https://www.radix-ui.com/primitives", + internal: false, + }, + { + title: "TypeScript Handbook", + description: "Learn TypeScript from basics to advanced features", + type: "Tutorial", + url: "https://www.typescriptlang.org/docs/", + internal: false, + }, + ], + }, + { + title: "Open Source", + description: "Learn about open source development and best practices", + icon: GlobeIcon, + resources: [ + { + title: "Open Source Guide", + description: "Comprehensive guide to participating in open source", + type: "Guide", + url: "https://opensource.guide/", + internal: false, + }, + { + title: "GitHub Docs", + description: "Official GitHub documentation and tutorials", + type: "Documentation", + url: "https://docs.github.com/", + internal: false, + }, + { + title: "Git Handbook", + description: "Learn Git version control from the basics", + type: "Tutorial", + url: "https://guides.github.com/introduction/git-handbook/", + internal: false, + }, + { + title: "Choosing a License", + description: "Guide to choosing the right license for your project", + type: "Guide", + url: "https://choosealicense.com/", + internal: false, + }, + ], + }, + { + title: "Learning & Tutorials", + description: "Educational content and interactive learning resources", + icon: ReaderIcon, + resources: [ + { + title: "React Documentation", + description: "Official React documentation and learning resources", + type: "Documentation", + url: "https://react.dev/", + internal: false, + }, + { + title: "MDN Web Docs", + description: "Comprehensive web development documentation", + type: "Documentation", + url: "https://developer.mozilla.org/", + internal: false, + }, + { + title: "freeCodeCamp", + description: "Free coding tutorials and interactive lessons", + type: "Course", + url: "https://www.freecodecamp.org/", + internal: false, + }, + { + title: "The Odin Project", + description: "Free full stack curriculum with projects", + type: "Course", + url: "https://www.theodinproject.com/", + internal: false, + }, + ], + }, + { + title: "Videos & Media", + description: "Video tutorials, talks, and multimedia learning content", + icon: VideoIcon, + resources: [ + { + title: "Vercel YouTube Channel", + description: "Next.js tutorials and web development content", + type: "Video", + url: "https://www.youtube.com/@VercelHQ", + internal: false, + }, + { + title: "GitHub YouTube Channel", + description: "Git, GitHub, and open source tutorials", + type: "Video", + url: "https://www.youtube.com/@GitHub", + internal: false, + }, + { + title: "React Conf Talks", + description: "Annual React conference presentations", + type: "Video", + url: "https://www.youtube.com/c/reactjs", + internal: false, + }, + { + title: "Web Dev Simplified", + description: "Clear and concise web development tutorials", + type: "Video", + url: "https://www.youtube.com/@WebDevSimplified", + internal: false, + }, + ], + }, + { + title: "Community & Networking", + description: "Connect with other developers and join communities", + icon: PersonIcon, + resources: [ + { + title: "GitHub Discussions", + description: "Join our community discussions and Q&A", + type: "Community", + url: "https://github.com/orgs/CodeStorm-Hub/discussions", + internal: false, + }, + { + title: "Dev.to Community", + description: "Share articles and connect with developers worldwide", + type: "Community", + url: "https://dev.to/", + internal: false, + }, + { + title: "Stack Overflow", + description: "Get help with programming questions and answers", + type: "Q&A", + url: "https://stackoverflow.com/", + internal: false, + }, + { + title: "Reddit r/webdev", + description: "Web development community discussions", + type: "Community", + url: "https://www.reddit.com/r/webdev/", + internal: false, + }, + ], + }, +] + +const resourceTypeColors = { + Guide: "bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400", + Documentation: "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400", + Tutorial: "bg-purple-100 text-purple-800 dark:bg-purple-900/20 dark:text-purple-400", + Course: "bg-orange-100 text-orange-800 dark:bg-orange-900/20 dark:text-orange-400", + Video: "bg-red-100 text-red-800 dark:bg-red-900/20 dark:text-red-400", + Community: "bg-pink-100 text-pink-800 dark:bg-pink-900/20 dark:text-pink-400", + Components: "bg-indigo-100 text-indigo-800 dark:bg-indigo-900/20 dark:text-indigo-400", + Policy: "bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400", + "Q&A": "bg-teal-100 text-teal-800 dark:bg-teal-900/20 dark:text-teal-400", +} + +export default function ResourcesPage() { + return ( +
+ +
+ {/* Hero */} +
+

Learning Resources

+

+ Curated resources to help you learn, grow, and contribute to open source projects. + Whether you're just starting out or looking to advance your skills, we've got you covered. +

+
+ + {/* Quick Start */} + + + New to Open Source? + + Start your journey with these essential resources + + + +

+ If you're new to open source development, start with our contributing guide + and community guidelines. Then explore the Getting Started section below. +

+ +
+
+ + {/* Resource Categories */} +
+ {resourceCategories.map((category, categoryIndex) => { + const Icon = category.icon + return ( +
+
+
+ +
+
+

{category.title}

+

{category.description}

+
+
+ +
+ {category.resources.map((resource, resourceIndex) => ( + + +
+ {resource.title} + + {resource.type} + +
+ {resource.description} +
+ + + +
+ ))} +
+
+ ) + })} +
+ + {/* Suggest Resources */} + + + Suggest a Resource + + Know of a great resource that should be included? + + + +

+ Help us improve this collection by suggesting new resources. We're always looking + for high-quality, relevant content that can help our community learn and grow. +

+ +
+
+ + {/* Newsletter */} + + + Stay Updated + + Get notified about new resources and learning opportunities + + + +

+ Subscribe to our newsletter to receive curated resources, tutorials, + and updates about new learning opportunities in our community. +

+ +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/roadmap/page.tsx b/src/app/roadmap/page.tsx new file mode 100644 index 0000000..c90ae9b --- /dev/null +++ b/src/app/roadmap/page.tsx @@ -0,0 +1,293 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { CheckIcon, ClockIcon, RocketIcon, LightningBoltIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Roadmap", + description: "See what's coming next for CodeStorm Hub. Track our progress and upcoming features.", + openGraph: { + title: "Roadmap | CodeStorm Hub", + description: "See what's coming next for CodeStorm Hub. Track our progress and upcoming features.", + }, +} + +const roadmapItems = [ + { + title: "Community Platform Launch", + description: "Launch the initial community platform with core features and documentation.", + status: "completed", + quarter: "Q1 2024", + items: [ + "Portfolio website with modern design", + "Project showcase and team pages", + "Community guidelines and contributing guides", + "Basic navigation and responsive design", + ], + }, + { + title: "Enhanced Developer Experience", + description: "Improve tooling and documentation to make contributing easier and more enjoyable.", + status: "in-progress", + quarter: "Q1 2024", + items: [ + "Comprehensive API documentation", + "Interactive code examples and tutorials", + "Improved onboarding process", + "Developer resources and learning materials", + ], + }, + { + title: "Community Growth & Engagement", + description: "Build tools and features to grow and engage our open source community.", + status: "planned", + quarter: "Q2 2024", + items: [ + "Blog and article publishing system", + "Event management and community meetups", + "Contributor recognition and rewards", + "Enhanced project discovery and filtering", + ], + }, + { + title: "Advanced Platform Features", + description: "Add sophisticated features for project management and collaboration.", + status: "planned", + quarter: "Q2-Q3 2024", + items: [ + "Dynamic GitHub integration and stats", + "Project analytics and insights", + "Advanced search and filtering", + "Multi-language support (i18n)", + ], + }, + { + title: "Ecosystem Expansion", + description: "Expand our ecosystem with new tools and integrations.", + status: "future", + quarter: "Q3-Q4 2024", + items: [ + "API for third-party integrations", + "Mobile app for community engagement", + "Advanced collaboration tools", + "Enterprise features and support", + ], + }, +] + +const statusConfig = { + completed: { + icon: CheckIcon, + color: "text-green-600", + bg: "bg-green-100 dark:bg-green-900/20", + border: "border-green-200 dark:border-green-800", + label: "Completed", + }, + "in-progress": { + icon: ClockIcon, + color: "text-blue-600", + bg: "bg-blue-100 dark:bg-blue-900/20", + border: "border-blue-200 dark:border-blue-800", + label: "In Progress", + }, + planned: { + icon: RocketIcon, + color: "text-orange-600", + bg: "bg-orange-100 dark:bg-orange-900/20", + border: "border-orange-200 dark:border-orange-800", + label: "Planned", + }, + future: { + icon: LightningBoltIcon, + color: "text-purple-600", + bg: "bg-purple-100 dark:bg-purple-900/20", + border: "border-purple-200 dark:border-purple-800", + label: "Future", + }, +} + +export default function RoadmapPage() { + return ( +
+ +
+ {/* Hero */} +
+

Project Roadmap

+

+ Track our progress and see what's coming next for CodeStorm Hub. + Our roadmap is transparent and community-driven—help us prioritize what matters most. +

+
+ + {/* Status Legend */} +
+ {Object.entries(statusConfig).map(([status, config]) => { + const Icon = config.icon + return ( +
+
+ +
+ {config.label} +
+ ) + })} +
+ + {/* Roadmap Timeline */} +
+ {roadmapItems.map((item, index) => { + const config = statusConfig[item.status as keyof typeof statusConfig] + const Icon = config.icon + + return ( +
+ {/* Timeline line */} + {index < roadmapItems.length - 1 && ( +
+ )} + + + +
+
+ +
+
+
+ {item.title} +
+ + {config.label} + + + {item.quarter} + +
+
+ {item.description} +
+
+
+ +
+

Key Deliverables:

+
    + {item.items.map((deliverable, deliverableIndex) => ( +
  • + + + {deliverable} + +
  • + ))} +
+
+
+
+
+ ) + })} +
+ + {/* Community Input */} + + + Shape Our Future + + Help us prioritize and improve our roadmap + + + +

+ Our roadmap is community-driven. Share your ideas, vote on features, + and help us build what matters most to you and the open source community. +

+ +
+
+ + {/* Progress Stats */} +
+ + + + {roadmapItems.filter(item => item.status === 'completed').length} + + Completed + + + + + + {roadmapItems.filter(item => item.status === 'in-progress').length} + + In Progress + + + + + + {roadmapItems.filter(item => item.status === 'planned').length} + + Planned + + + + + + {roadmapItems.filter(item => item.status === 'future').length} + + Future + + +
+ + {/* Updates */} +
+ +

+ Stay updated with our progress through our changelog and blog posts. +

+
+
+ +
+ ) +} \ No newline at end of file From b446c51a3a41bc109b50126ade2bf8f54e79c075 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 29 Sep 2025 14:55:23 +0000 Subject: [PATCH 4/6] Add Phase 3 legal/compliance pages: privacy, terms, code-of-conduct, accessibility, showcase Co-authored-by: rezwana-karim <126201034+rezwana-karim@users.noreply.github.com> --- src/app/accessibility/page.tsx | 393 ++++++++++++++++++++++++++++++ src/app/code-of-conduct/page.tsx | 311 ++++++++++++++++++++++++ src/app/privacy/page.tsx | 368 ++++++++++++++++++++++++++++ src/app/showcase/page.tsx | 401 +++++++++++++++++++++++++++++++ src/app/terms/page.tsx | 338 ++++++++++++++++++++++++++ 5 files changed, 1811 insertions(+) create mode 100644 src/app/accessibility/page.tsx create mode 100644 src/app/code-of-conduct/page.tsx create mode 100644 src/app/privacy/page.tsx create mode 100644 src/app/showcase/page.tsx create mode 100644 src/app/terms/page.tsx diff --git a/src/app/accessibility/page.tsx b/src/app/accessibility/page.tsx new file mode 100644 index 0000000..f027f93 --- /dev/null +++ b/src/app/accessibility/page.tsx @@ -0,0 +1,393 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { AccessibilityIcon, EyeOpenIcon, UpdateIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Accessibility Statement", + description: "Our commitment to making CodeStorm Hub accessible to everyone, including people with disabilities.", + openGraph: { + title: "Accessibility Statement | CodeStorm Hub", + description: "Our commitment to making CodeStorm Hub accessible to everyone, including people with disabilities.", + }, +} + +const accessibilityFeatures = [ + { + title: "Keyboard Navigation", + description: "Full keyboard navigation support for all interactive elements", + details: [ + "Tab navigation through all interactive elements", + "Skip links to main content and navigation", + "Visible focus indicators", + "Logical tab order throughout the site", + ], + }, + { + title: "Screen Reader Support", + description: "Semantic HTML and ARIA labels for assistive technologies", + details: [ + "Semantic HTML structure with proper headings", + "Alt text for all informative images", + "ARIA labels and descriptions where needed", + "Screen reader tested with NVDA and JAWS", + ], + }, + { + title: "Visual Design", + description: "High contrast and scalable design for better readability", + details: [ + "WCAG AA compliant color contrast ratios", + "Scalable text up to 200% without horizontal scrolling", + "No use of color alone to convey information", + "Clear visual hierarchy and spacing", + ], + }, + { + title: "Responsive Design", + description: "Works across all devices and screen sizes", + details: [ + "Mobile-first responsive design", + "Touch-friendly interactive elements", + "Consistent experience across devices", + "Optimized for various screen sizes", + ], + }, +] + +const wcagCompliance = [ + { + level: "Level A", + status: "Compliant", + description: "Basic accessibility features that don't interfere with standard website usage", + }, + { + level: "Level AA", + status: "Mostly Compliant", + description: "Standard level of accessibility that removes barriers for most users", + }, + { + level: "Level AAA", + status: "Partially Compliant", + description: "Highest level of accessibility - we're working toward full compliance", + }, +] + +export default function AccessibilityPage() { + return ( +
+ +
+ {/* Hero */} +
+

Accessibility Statement

+

+ CodeStorm Hub is committed to ensuring digital accessibility for all users, + including people with disabilities. We continually work to improve the user experience for everyone. +

+

+ Last updated: January 15, 2024 +

+
+ + {/* Commitment */} + + +
+ +
+ Our Commitment +
+ +

+ We believe that the web should be accessible to everyone, regardless of ability or technology. + Our goal is to create an inclusive experience that allows all users to access our content + and participate in our community effectively. +

+

+ We are committed to conforming to the Web Content Accessibility Guidelines (WCAG) 2.1 + at Level AA, which are the international standards for web accessibility. +

+
+
+ + {/* Accessibility Features */} +
+
+

Accessibility Features

+

+ Here are some of the accessibility features we've implemented to ensure + our platform works for everyone. +

+
+ +
+ {accessibilityFeatures.map((feature, index) => ( + + + {feature.title} + {feature.description} + + +
    + {feature.details.map((detail, detailIndex) => ( +
  • + + {detail} +
  • + ))} +
+
+
+ ))} +
+
+ + {/* WCAG Compliance */} +
+
+

WCAG 2.1 Compliance

+

+ Our current compliance status with Web Content Accessibility Guidelines. +

+
+ +
+ {wcagCompliance.map((item, index) => ( + + + {item.level} +
+ {item.status} +
+
+ +

{item.description}

+
+
+ ))} +
+
+ + {/* Testing and Validation */} + + + Testing and Validation + + How we ensure our accessibility standards + + + +
+
+

Automated Testing

+
    +
  • • axe-core accessibility testing in CI/CD pipeline
  • +
  • • Lighthouse accessibility audits
  • +
  • • WAVE Web Accessibility Evaluation Tool
  • +
  • • Color contrast ratio verification
  • +
+
+
+

Manual Testing

+
    +
  • • Keyboard navigation testing
  • +
  • • Screen reader testing (NVDA, JAWS, VoiceOver)
  • +
  • • User testing with people with disabilities
  • +
  • • Cross-browser accessibility validation
  • +
+
+
+ +
+

Continuous Improvement

+

+ We conduct regular accessibility audits and user testing sessions to identify + and address accessibility barriers. Our development process includes accessibility + considerations from the design phase through implementation. +

+
+
+
+ + {/* Known Issues */} + + + Known Accessibility Issues + + Areas we're actively working to improve + + + +

+ We are transparent about areas where we don't yet fully meet accessibility standards: +

+ +
+
+

Third-Party Integrations

+

+ Some embedded content from third-party services (like GitHub widgets) + may not fully meet our accessibility standards. We're working with providers + to improve these experiences. +

+
+ +
+

Complex Interactive Elements

+

+ Some advanced interactive features are still being enhanced for full + screen reader compatibility. We provide alternative access methods where possible. +

+
+
+ +
+

+ We're actively working to address these issues and expect to have improvements + in upcoming releases. Check our roadmap for specific timelines. +

+
+
+
+ + {/* Assistive Technologies */} + + + Supported Assistive Technologies + + +

+ Our website is designed to be compatible with the following assistive technologies: +

+ +
+
+

Screen Readers

+
    +
  • • NVDA (Windows)
  • +
  • • JAWS (Windows)
  • +
  • • VoiceOver (macOS/iOS)
  • +
  • • TalkBack (Android)
  • +
+
+
+

Other Technologies

+
    +
  • • Voice recognition software
  • +
  • • Switch navigation devices
  • +
  • • Magnification software
  • +
  • • Alternative keyboards
  • +
+
+
+
+
+ + {/* Feedback */} + + +
+ + Accessibility Feedback +
+ + Help us improve by sharing your experience + +
+ +

+ We welcome feedback on the accessibility of CodeStorm Hub. If you encounter + accessibility barriers or have suggestions for improvement, please let us know. +

+ +
+

Email: accessibility@codestorm-hub.org

+

Response time: We aim to respond within 2 business days

+
+ + +
+
+ + {/* Future Improvements */} + + +
+ +
+ Future Improvements + + Our roadmap for enhanced accessibility + +
+
+
+ +

+ We're continuously working to improve accessibility. Here's what's coming next: +

+ +
+
+ + + Enhanced keyboard navigation patterns for complex components + +
+
+ + + Improved screen reader announcements for dynamic content + +
+
+ + + High contrast theme option for better visual accessibility + +
+
+ + + Animation controls for users with vestibular disorders + +
+
+ + +
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/code-of-conduct/page.tsx b/src/app/code-of-conduct/page.tsx new file mode 100644 index 0000000..55af79f --- /dev/null +++ b/src/app/code-of-conduct/page.tsx @@ -0,0 +1,311 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { HeartIcon, PersonIcon, ExclamationTriangleIcon, ChatBubbleIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Code of Conduct", + description: "Our commitment to creating a welcoming, inclusive, and safe environment for all community members.", + openGraph: { + title: "Code of Conduct | CodeStorm Hub", + description: "Our commitment to creating a welcoming, inclusive, and safe environment for all community members.", + }, +} + +const conductPrinciples = [ + { + title: "Be Welcoming and Inclusive", + description: "We welcome people of all backgrounds and identities. Our community values diversity and inclusion.", + icon: HeartIcon, + examples: [ + "Use inclusive language that welcomes everyone", + "Respect different perspectives and experiences", + "Make space for newcomers and help them feel included", + "Celebrate the diversity of our community", + ], + }, + { + title: "Be Respectful", + description: "Treat all community members with kindness, respect, and professionalism.", + icon: PersonIcon, + examples: [ + "Be kind and courteous in all interactions", + "Listen to others and consider their viewpoints", + "Disagree constructively and professionally", + "Respect personal boundaries and privacy", + ], + }, + { + title: "Be Collaborative", + description: "Work together to build great things and support each other's growth.", + icon: ChatBubbleIcon, + examples: [ + "Share knowledge and help others learn", + "Give credit where it's due", + "Provide constructive feedback", + "Be open to learning from others", + ], + }, +] + +const unacceptableBehaviors = [ + "Harassment, discrimination, or intimidation of any form", + "Offensive, derogatory, or discriminatory language or imagery", + "Personal attacks, trolling, or deliberately inflammatory comments", + "Public or private harassment", + "Sharing others' personal information without permission", + "Sexual language, imagery, or unwelcome sexual attention", + "Advocating for or encouraging any harmful behaviors", + "Disrupting community discussions or events", + "Any behavior that would be considered inappropriate in a professional setting", +] + +export default function CodeOfConductPage() { + return ( +
+ +
+ {/* Hero */} +
+

Code of Conduct

+

+ Our commitment to fostering an open, welcoming, diverse, inclusive, + and healthy community for everyone who participates in CodeStorm Hub. +

+
+ + {/* Pledge */} + + + Our Pledge + + +

+ We as members, contributors, and leaders pledge to make participation in our + community a harassment-free experience for everyone, regardless of age, body size, + visible or invisible disability, ethnicity, sex characteristics, gender identity + and expression, level of experience, education, socio-economic status, nationality, + personal appearance, race, caste, color, religion, or sexual identity and orientation. +

+

+ We pledge to act and interact in ways that contribute to an open, welcoming, + diverse, inclusive, and healthy community. +

+
+
+ + {/* Standards */} +
+
+

Our Standards

+

+ These principles guide our interactions and help create a positive environment for everyone. +

+
+ +
+ {conductPrinciples.map((principle, index) => { + const Icon = principle.icon + return ( + + +
+
+ +
+
+ {principle.title} + {principle.description} +
+
+
+ +
+

Examples of positive behavior:

+
    + {principle.examples.map((example, exampleIndex) => ( +
  • + + {example} +
  • + ))} +
+
+
+
+ ) + })} +
+
+ + {/* Unacceptable Behavior */} +
+
+

Unacceptable Behavior

+

+ The following behaviors are considered harassment and are unacceptable within our community. +

+
+ + + +
+ + Prohibited Behaviors +
+
+ +
    + {unacceptableBehaviors.map((behavior, index) => ( +
  • + + {behavior} +
  • + ))} +
+
+
+
+ + {/* Enforcement */} +
+

Enforcement

+ +
+ + + Reporting Violations + + How to report code of conduct violations + + + +

+ Instances of abusive, harassing, or otherwise unacceptable behavior may be + reported to the community leaders responsible for enforcement. +

+
+

Report via:

+
    +
  • • Email: conduct@codestorm-hub.org
  • +
  • • GitHub: Private message to maintainers
  • +
  • • Contact form on our website
  • +
+
+
+
+ + + + Our Response + + How we handle reports and violations + + + +

+ All complaints will be reviewed and investigated promptly and fairly. + Community leaders are obligated to respect the privacy and security of the reporter. +

+
+

Consequences may include:

+
    +
  • • Warning or guidance
  • +
  • • Temporary suspension
  • +
  • • Permanent ban from community
  • +
+
+
+
+
+
+ + {/* Scope */} + + + Scope + + Where this Code of Conduct applies + + + +

+ This Code of Conduct applies within all community spaces, and also applies when + an individual is officially representing the community in public spaces. +

+
+
+

Community Spaces Include:

+
    +
  • • GitHub repositories and discussions
  • +
  • • Community events and meetups
  • +
  • • Social media channels
  • +
  • • Email communications
  • +
+
+
+

Representation Examples:

+
    +
  • • Using official email addresses
  • +
  • • Posting via official accounts
  • +
  • • Acting as a designated representative
  • +
  • • Speaking at public events
  • +
+
+
+
+
+ + {/* Attribution */} + + + Attribution + + +

+ This Code of Conduct is adapted from the{" "} + + Contributor Covenant + + , version 2.1, available at{" "} + + https://www.contributor-covenant.org/version/2/1/code_of_conduct.html + . +

+
+
+ + {/* Contact */} +
+ +

+ Questions about this Code of Conduct? We're here to help. +

+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx new file mode 100644 index 0000000..c38da95 --- /dev/null +++ b/src/app/privacy/page.tsx @@ -0,0 +1,368 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { LockClosedIcon, EyeOpenIcon, LockClosedIcon as ProtectionIcon, UpdateIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Privacy Policy", + description: "Learn how CodeStorm Hub collects, uses, and protects your personal information.", + openGraph: { + title: "Privacy Policy | CodeStorm Hub", + description: "Learn how CodeStorm Hub collects, uses, and protects your personal information.", + }, +} + +const privacyPrinciples = [ + { + title: "Transparency", + description: "We are clear about what data we collect and how we use it.", + icon: EyeOpenIcon, + }, + { + title: "Security", + description: "We protect your data with appropriate security measures.", + icon: LockClosedIcon, + }, + { + title: "Control", + description: "You have control over your personal information.", + icon: ProtectionIcon, + }, + { + title: "Updates", + description: "We keep you informed about changes to our practices.", + icon: UpdateIcon, + }, +] + +export default function PrivacyPolicyPage() { + return ( +
+ +
+ {/* Hero */} +
+

Privacy Policy

+

+ Your privacy is important to us. This policy explains how we collect, + use, and protect your information when you use CodeStorm Hub. +

+

+ Last updated: January 15, 2024 +

+
+ + {/* Privacy Principles */} +
+
+

Our Privacy Principles

+

+ These principles guide how we handle your personal information. +

+
+ +
+ {privacyPrinciples.map((principle, index) => { + const Icon = principle.icon + return ( + + +
+ +
+ {principle.title} +
+ +

{principle.description}

+
+
+ ) + })} +
+
+ + {/* Information We Collect */} + + + Information We Collect + + Types of information we may collect when you use our services + + + +
+

Information You Provide

+
    +
  • • Account information (username, email) when contributing to our projects
  • +
  • • Content you create (code contributions, comments, discussions)
  • +
  • • Communication with us (emails, contact form submissions)
  • +
  • • Event registration information for community events
  • +
+
+ +
+

Information Automatically Collected

+
    +
  • • Usage data (pages visited, time spent, features used)
  • +
  • • Device information (browser type, operating system)
  • +
  • • IP address and general location information
  • +
  • • Cookies and similar tracking technologies
  • +
+
+ +
+

Third-Party Information

+
    +
  • • Public GitHub profile information (if you contribute to our projects)
  • +
  • • Social media profile information (if you link your accounts)
  • +
  • • Analytics data from services like Google Analytics
  • +
+
+
+
+ + {/* How We Use Information */} + + + How We Use Your Information + + The purposes for which we collect and use your personal information + + + +
+
+

Service Operation

+
    +
  • • Provide and maintain our services
  • +
  • • Process your contributions and participation
  • +
  • • Manage user accounts and authentication
  • +
  • • Enable community features and interactions
  • +
+
+
+

Communication

+
    +
  • • Send important service updates
  • +
  • • Respond to your inquiries and support requests
  • +
  • • Send newsletters (with your consent)
  • +
  • • Notify you about events and opportunities
  • +
+
+
+

Improvement

+
    +
  • • Analyze usage patterns and performance
  • +
  • • Improve our services and user experience
  • +
  • • Develop new features and functionality
  • +
  • • Conduct research and analytics
  • +
+
+
+

Legal & Security

+
    +
  • • Comply with legal obligations
  • +
  • • Protect against fraud and abuse
  • +
  • • Enforce our terms of service
  • +
  • • Maintain security and integrity
  • +
+
+
+
+
+ + {/* Information Sharing */} + + + Information Sharing + + When and how we may share your information with others + + + +
+

+ We do not sell your personal information +

+

+ CodeStorm Hub does not sell, rent, or trade your personal information to third parties for marketing purposes. +

+
+ +
+

We may share information in these situations:

+
    +
  • With your consent: When you explicitly agree to share information
  • +
  • Public contributions: Code contributions and discussions are public by nature
  • +
  • Service providers: Trusted vendors who help us operate our services
  • +
  • Legal requirements: When required by law or to protect rights and safety
  • +
  • Business transfers: In case of merger, acquisition, or asset sale
  • +
+
+
+
+ + {/* Data Security */} + + + Data Security + + How we protect your information + + + +

+ We implement appropriate security measures to protect your personal information against + unauthorized access, alteration, disclosure, or destruction. +

+ +
+
+

Technical Measures

+
    +
  • • Encryption in transit and at rest
  • +
  • • Secure hosting infrastructure
  • +
  • • Regular security updates and patches
  • +
  • • Access controls and authentication
  • +
+
+
+

Organizational Measures

+
    +
  • • Employee access on need-to-know basis
  • +
  • • Privacy and security training
  • +
  • • Regular security assessments
  • +
  • • Incident response procedures
  • +
+
+
+
+
+ + {/* Your Rights */} + + + Your Privacy Rights + + Your rights regarding your personal information + + + +

+ Depending on your location, you may have the following rights regarding your personal information: +

+ +
+
+

Access & Control

+
    +
  • • Access your personal information
  • +
  • • Correct inaccurate information
  • +
  • • Delete your personal information
  • +
  • • Export your data
  • +
+
+
+

Communication Preferences

+
    +
  • • Opt out of marketing communications
  • +
  • • Manage cookie preferences
  • +
  • • Control notification settings
  • +
  • • Withdraw consent where applicable
  • +
+
+
+ +
+

+ To exercise your rights, please contact us at{" "} + + privacy@codestorm-hub.org + {" "} + or use our contact form. +

+
+
+
+ + {/* Cookies */} + + + Cookies and Tracking + + +

+ We use cookies and similar technologies to improve your experience and analyze our services. +

+ +
+
+

Essential Cookies

+

+ Required for basic site functionality and security. These cannot be disabled. +

+
+
+

Analytics Cookies

+

+ Help us understand how visitors use our site to improve performance and user experience. +

+
+
+

Preference Cookies

+

+ Remember your settings and preferences to provide a personalized experience. +

+
+
+
+
+ + {/* Contact & Updates */} +
+ + + Contact Us + + Questions about this privacy policy? + + + +
+

Email: privacy@codestorm-hub.org

+

Contact Form: codestorm-hub.github.io/contact

+
+ +
+
+ + + + Policy Updates + + How we handle changes to this policy + + + +

+ We may update this privacy policy from time to time. We will notify you of any + material changes by posting the new policy and updating the "last updated" date. +

+ +
+
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/showcase/page.tsx b/src/app/showcase/page.tsx new file mode 100644 index 0000000..55834ab --- /dev/null +++ b/src/app/showcase/page.tsx @@ -0,0 +1,401 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { StarIcon, RocketIcon, HeartIcon, GlobeIcon } from "@radix-ui/react-icons" +import Image from "next/image" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Showcase", + description: "Discover organizations and projects using CodeStorm Hub solutions and see our community impact.", + openGraph: { + title: "Showcase | CodeStorm Hub", + description: "Discover organizations and projects using CodeStorm Hub solutions and see our community impact.", + }, +} + +const showcaseProjects = [ + { + title: "CodeStorm Hub Portfolio", + description: "Our own community website built with modern web technologies and accessibility-first design.", + category: "Community Platform", + technologies: ["Next.js", "Tailwind CSS", "Radix UI", "TypeScript"], + stats: { + contributors: 5, + stars: 0, + forks: 0, + }, + links: { + website: "https://codestorm-hub.github.io", + github: "https://github.com/CodeStorm-Hub/CodeStorm-Hub.github.io", + }, + featured: true, + image: "https://github.com/CodeStorm-Hub.png", + }, + // Placeholder for future projects + { + title: "Community Tools Suite", + description: "A collection of developer tools and utilities to enhance open source contribution workflows.", + category: "Developer Tools", + technologies: ["React", "Node.js", "PostgreSQL", "Docker"], + stats: { + contributors: 0, + stars: 0, + forks: 0, + }, + links: { + website: "#", + github: "#", + }, + featured: false, + image: "https://github.com/CodeStorm-Hub.png", + comingSoon: true, + }, +] + +const adopters = [ + { + name: "Open Source Enthusiasts", + description: "Individual developers using our resources and contributing to projects", + type: "Community", + logo: "https://github.com/CodeStorm-Hub.png", + size: "Individual Contributors", + }, + // Placeholder for future adopters + { + name: "Educational Institutions", + description: "Universities and coding bootcamps using our learning resources", + type: "Education", + logo: "https://github.com/CodeStorm-Hub.png", + size: "Coming Soon", + comingSoon: true, + }, +] + +const communityStats = [ + { + label: "Community Members", + value: "Growing", + icon: HeartIcon, + }, + { + label: "Projects", + value: "1+", + icon: RocketIcon, + }, + { + label: "Contributors", + value: "5+", + icon: StarIcon, + }, + { + label: "Countries", + value: "Global", + icon: GlobeIcon, + }, +] + +export default function ShowcasePage() { + return ( +
+ +
+ {/* Hero */} +
+

Community Showcase

+

+ Discover the amazing projects and organizations that are part of the CodeStorm Hub ecosystem. + See how our community is making an impact in the open source world. +

+
+ + {/* Community Stats */} +
+ {communityStats.map((stat, index) => { + const Icon = stat.icon + return ( + + +
+ +
+ {stat.value} + {stat.label} +
+
+ ) + })} +
+ + {/* Featured Projects */} +
+
+

Featured Projects

+

+ Explore the projects that showcase the capabilities and principles of CodeStorm Hub development. +

+
+ +
+ {showcaseProjects.map((project, index) => ( + + +
+
+ {`${project.title} +
+
+
+ {project.featured && ( + + Featured + + )} + {project.comingSoon && ( + + Coming Soon + + )} + + {project.category} + +
+ {project.title} + {project.description} +
+
+
+ + {/* Technologies */} +
+

Technologies Used:

+
+ {project.technologies.map((tech, techIndex) => ( + + {tech} + + ))} +
+
+ + {/* Stats & Links */} +
+
+
+ + {project.stats.stars} stars +
+
+ {project.stats.contributors} contributors +
+
+ {project.stats.forks} forks +
+
+ +
+ {!project.comingSoon && ( + <> + + + + )} + {project.comingSoon && ( + + )} +
+
+
+
+ ))} +
+
+ + {/* Adopters */} +
+
+

Who's Using CodeStorm Hub

+

+ Organizations and individuals who have adopted our solutions and contribute to our ecosystem. +

+
+ +
+ {adopters.map((adopter, index) => ( + + +
+
+ {`${adopter.name} +
+
+
+ {adopter.name} + {adopter.comingSoon && ( + + Coming Soon + + )} +
+
+ + {adopter.type} + + {adopter.size} +
+
+
+
+ +

{adopter.description}

+
+
+ ))} +
+
+ + {/* Success Stories */} + + + Success Stories + + How our community is making a difference + + + +
+
+

Open Source Impact

+

+ Building transparent, accessible solutions that benefit the entire community +

+
+
+

Learning & Growth

+

+ Providing resources and mentorship opportunities for developers at all levels +

+
+
+

Collaboration

+

+ Connecting passionate individuals to work together on meaningful projects +

+
+
+ + +
+
+ + {/* Submit Your Project */} + + + Showcase Your Project + + Built something amazing with CodeStorm Hub? We'd love to feature it! + + + +

+ Whether you've contributed to our projects, used our resources, or built something + inspired by our community principles, we want to celebrate your work and share it + with others. +

+ +
+

What we're looking for:

+
    +
  • • Projects using our technologies or principles
  • +
  • • Organizations adopting our solutions
  • +
  • • Success stories and case studies
  • +
  • • Community contributions and achievements
  • +
+
+ + +
+
+ + {/* Newsletter */} +
+ +

+ Stay updated on new showcase additions and community highlights. +

+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx new file mode 100644 index 0000000..b36f371 --- /dev/null +++ b/src/app/terms/page.tsx @@ -0,0 +1,338 @@ +import { Container } from "@/components/ui/container" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" +import { Button } from "@/components/ui/button" +import { FileTextIcon, ExclamationTriangleIcon, InfoCircledIcon, UpdateIcon } from "@radix-ui/react-icons" +import type { Metadata } from "next" + +export const metadata: Metadata = { + title: "Terms of Service", + description: "Terms and conditions for using CodeStorm Hub services and participating in our community.", + openGraph: { + title: "Terms of Service | CodeStorm Hub", + description: "Terms and conditions for using CodeStorm Hub services and participating in our community.", + }, +} + +export default function TermsOfServicePage() { + return ( +
+ +
+ {/* Hero */} +
+

Terms of Service

+

+ These terms govern your use of CodeStorm Hub services and participation in our community. + Please read them carefully. +

+

+ Last updated: January 15, 2024 +

+
+ + {/* Agreement */} + + +
+ + Agreement to Terms +
+
+ +

+ By accessing or using CodeStorm Hub services, you agree to be bound by these Terms of Service + and all applicable laws and regulations. If you do not agree with any of these terms, + you are prohibited from using or accessing our services. +

+
+
+ + {/* Services Description */} + + + Our Services + + What CodeStorm Hub provides to the community + + + +

+ CodeStorm Hub provides an open-source community platform that includes: +

+ +
+
+

Platform Services

+
    +
  • • Project hosting and showcase
  • +
  • • Community discussion forums
  • +
  • • Documentation and resources
  • +
  • • Event management and announcements
  • +
+
+
+

Community Features

+
    +
  • • Collaboration tools and workflows
  • +
  • • Learning resources and guides
  • +
  • • Newsletter and blog content
  • +
  • • Support and mentorship programs
  • +
+
+
+
+
+ + {/* User Accounts */} + + + User Accounts and Responsibilities + + +
+

Account Registration

+
    +
  • • You must provide accurate and complete information when creating an account
  • +
  • • You are responsible for maintaining the security of your account credentials
  • +
  • • You must be at least 13 years old to create an account
  • +
  • • One person may not maintain more than one account
  • +
+
+ +
+

Account Responsibilities

+
    +
  • • You are responsible for all activity that occurs under your account
  • +
  • • You must notify us immediately of any unauthorized use of your account
  • +
  • • You must not share your account credentials with others
  • +
  • • You must comply with our Code of Conduct and community guidelines
  • +
+
+
+
+ + {/* Acceptable Use */} + + + Acceptable Use Policy + + Guidelines for appropriate use of our services + + + +
+

Permitted Uses

+
    +
  • • Contributing to open-source projects
  • +
  • • Participating in community discussions
  • +
  • • Sharing knowledge and resources
  • +
  • • Collaborating on projects and initiatives
  • +
  • • Learning and skill development
  • +
+
+ +
+

Prohibited Uses

+
    +
  • • Violating laws or regulations
  • +
  • • Infringing on intellectual property rights
  • +
  • • Harassing or threatening other users
  • +
  • • Distributing malware or harmful content
  • +
  • • Spamming or unsolicited commercial activities
  • +
  • • Attempting to gain unauthorized access to systems
  • +
  • • Interfering with the normal operation of services
  • +
+
+
+
+ + {/* Content and Contributions */} + + + Content and Contributions + + +
+

Your Content

+

+ You retain ownership of content you create and contribute to CodeStorm Hub, but you grant us certain rights: +

+
    +
  • • Right to display your contributions on our platform
  • +
  • • Right to make your contributions available to other community members
  • +
  • • Right to modify formatting for display purposes
  • +
  • • Right to remove content that violates our terms
  • +
+
+ +
+

Open Source Contributions

+

+ Contributions to open-source projects are governed by the respective project licenses: +

+
    +
  • • Code contributions are subject to the project's open-source license
  • +
  • • You represent that you have the right to make contributions
  • +
  • • You agree to comply with the project's contribution guidelines
  • +
+
+
+
+ + {/* Privacy */} + + + Privacy + + +

+ Your privacy is important to us. Our Privacy Policy explains how we collect, + use, and protect your information when you use our services. +

+ +
+
+ + {/* Disclaimers */} + + +
+ + Disclaimers and Limitations +
+
+ +
+

Service Availability

+

+ We strive to keep our services available, but we do not guarantee uninterrupted access. + Services may be temporarily unavailable due to maintenance, updates, or technical issues. +

+
+ +
+

Content Accuracy

+

+ While we moderate content, we do not guarantee the accuracy, completeness, or reliability + of user-generated content. Users are responsible for verifying information independently. +

+
+ +
+

Third-Party Services

+

+ Our platform may integrate with third-party services (like GitHub). We are not responsible + for the availability, accuracy, or practices of these external services. +

+
+
+
+ + {/* Termination */} + + + Termination + + +
+

By You

+

+ You may stop using our services at any time. You can request account deletion + by contacting us through our support channels. +

+
+ +
+

By Us

+

+ We may suspend or terminate your access to our services if you violate these terms, + our Code of Conduct, or engage in harmful activities. We will provide notice when possible. +

+
+
+
+ + {/* Changes to Terms */} + + +
+ + Changes to Terms +
+
+ +

+ We may modify these terms from time to time. We will notify users of material changes + by posting the updated terms and updating the "last updated" date. Continued use of our + services after changes constitutes acceptance of the new terms. +

+ +
+
+ + {/* Governing Law */} + + + Governing Law + + +

+ These terms are governed by and construed in accordance with applicable international + open-source community standards and practices. Any disputes will be resolved through + good faith discussion and community mediation where possible. +

+
+
+ + {/* Contact */} + + +
+ +
+ Questions About These Terms? + + We're here to help clarify any questions you may have + +
+
+
+ +

+ If you have questions about these Terms of Service, please contact us. + We're committed to maintaining transparency and open communication with our community. +

+ +
+
+
+
+
+ ) +} \ No newline at end of file From 6a89ac452dd1318a63c40f57aa6b5882fb31af12 Mon Sep 17 00:00:00 2001 From: Rezwana Karim <126201034+rezwana-karim@users.noreply.github.com> Date: Mon, 29 Sep 2025 21:24:27 +0600 Subject: [PATCH 5/6] Update src/app/resources/page.tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- src/app/resources/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/resources/page.tsx b/src/app/resources/page.tsx index 8546b37..57b4a0a 100644 --- a/src/app/resources/page.tsx +++ b/src/app/resources/page.tsx @@ -107,7 +107,7 @@ const resourceCategories = [ title: "Git Handbook", description: "Learn Git version control from the basics", type: "Tutorial", - url: "https://guides.github.com/introduction/git-handbook/", + url: "https://docs.github.com/en/get-started/using-git/about-git", internal: false, }, { From f5664dc16f34c7cf8616b48b90ab604ef0d4fe20 Mon Sep 17 00:00:00 2001 From: Syed Salman Reza Date: Mon, 29 Sep 2025 21:27:10 +0600 Subject: [PATCH 6/6] Image --- next.config.ts | 6 +++++- package-lock.json | 10 ++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/next.config.ts b/next.config.ts index e9ffa30..fd12277 100644 --- a/next.config.ts +++ b/next.config.ts @@ -3,5 +3,9 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { /* config options here */ }; - +module.exports = { + images: { + remotePatterns: [new URL("https://github.com/CodeStorm-Hub.png")], + }, +}; export default nextConfig; diff --git a/package-lock.json b/package-lock.json index 562f3c7..52599a3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2047,6 +2047,7 @@ "integrity": "sha512-ukd93VGzaNPMAUPy0gRDSC57UuQbnH9Kussp7HBjM06YFi9uZTFhOvMSO2OKqXm1rSgzOE+pVx1k1PYHGwlc8Q==", "devOptional": true, "license": "MIT", + "peer": true, "dependencies": { "csstype": "^3.0.2" } @@ -2057,6 +2058,7 @@ "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==", "devOptional": true, "license": "MIT", + "peer": true, "peerDependencies": { "@types/react": "^19.0.0" } @@ -2107,6 +2109,7 @@ "integrity": "sha512-EHrrEsyhOhxYt8MTg4zTF+DJMuNBzWwgvvOYNj/zm1vnaD/IC5zCXFehZv94Piqa2cRFfXrTFxIvO95L7Qc/cw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.44.1", "@typescript-eslint/types": "8.44.1", @@ -2624,6 +2627,7 @@ "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "dev": true, "license": "MIT", + "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -3513,6 +3517,7 @@ "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -3687,6 +3692,7 @@ "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", @@ -5816,6 +5822,7 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz", "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==", "license": "MIT", + "peer": true, "engines": { "node": ">=0.10.0" } @@ -5825,6 +5832,7 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz", "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==", "license": "MIT", + "peer": true, "dependencies": { "scheduler": "^0.26.0" }, @@ -6597,6 +6605,7 @@ "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=12" }, @@ -6746,6 +6755,7 @@ "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==", "dev": true, "license": "Apache-2.0", + "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver"