*/}
-
-
- )
-}
\ No newline at end of file
diff --git a/src/components/CardHome.jsx b/src/components/CardHome.jsx
deleted file mode 100644
index 1e0e682b..00000000
--- a/src/components/CardHome.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import Link from "next/link";
-
-export function CardHome({heading, content}) {
- return (
-
-
{heading}
-
{content}
-
- )
-}
\ No newline at end of file
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
deleted file mode 100644
index ea36f59c..00000000
--- a/src/components/Footer.jsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import Link from 'next/link'
-
-import { Container } from '@/components/Container'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
-import { faDiscord, faGithub, faGitlab, faTwitter } from '@fortawesome/free-brands-svg-icons'
-
-function NavLink({ href, children }) {
- return (
-
- {children}
-
- )
-}
-
-export function Footer() {
- return (
-
-
-
-
-
-
- About
- Projects
- Ideas
- Apply
-
-
- © 2016-2025 AOSSIE. All rights reserved.
-
-
-
-
-
-
- )
-}
diff --git a/src/components/Journey.jsx b/src/components/about/Journey.jsx
similarity index 100%
rename from src/components/Journey.jsx
rename to src/components/about/Journey.jsx
diff --git a/src/components/about/Team.jsx b/src/components/about/Team.jsx
new file mode 100644
index 00000000..5a060146
--- /dev/null
+++ b/src/components/about/Team.jsx
@@ -0,0 +1,56 @@
+'use client'
+
+import Image from 'next/image';
+import { motion } from 'framer-motion';
+
+const teamMembers = [
+ {
+ name: 'Bruno',
+ role: 'Founder & Admin',
+ description: 'Leading AOSSIE since inception.',
+ image: '/images/default.png' // Fallback
+ },
+ {
+ name: 'Mentors',
+ role: 'Core Contributors',
+ description: 'Our dedicated team of mentors who guide students.',
+ image: '/images/default.png'
+ }
+];
+
+export function Team() {
+ return (
+
+
+
+
+ Our Team
+
+
+ The people who make AOSSIE possible.
+
+
+
+ {/* Since I don't have real images/names, I will make a generic "Contributors" card style */}
+
+
+ AOSSIE is run by a dedicated group of volunteers, mentors, and administrators who are passionate about open source.
+
+
+
+
+
+ );
+}
diff --git a/src/components/about/Timeline.jsx b/src/components/about/Timeline.jsx
new file mode 100644
index 00000000..585f0720
--- /dev/null
+++ b/src/components/about/Timeline.jsx
@@ -0,0 +1,44 @@
+'use client'
+
+import { TimelineElement } from './TimelineElement'
+import { motion } from 'framer-motion'
+
+export function Timeline() {
+ return (
+
+ )
+}
diff --git a/src/components/TimelineElement.jsx b/src/components/about/TimelineElement.jsx
similarity index 59%
rename from src/components/TimelineElement.jsx
rename to src/components/about/TimelineElement.jsx
index 9e977f5f..97df5d4a 100644
--- a/src/components/TimelineElement.jsx
+++ b/src/components/about/TimelineElement.jsx
@@ -1,8 +1,17 @@
+'use client'
+
import clsx from "clsx"
+import { motion } from "framer-motion"
export function TimelineElement({ title, description, button, time, link, classCondition }) {
return (
-
+
{title}
{time}
{description}
- {button}
-
+
{button}
+
)
}
diff --git a/src/components/apply/ApplyHeader.jsx b/src/components/apply/ApplyHeader.jsx
new file mode 100644
index 00000000..958f3371
--- /dev/null
+++ b/src/components/apply/ApplyHeader.jsx
@@ -0,0 +1,86 @@
+'use client'
+
+import { Container } from '@/components/shared/Container'
+import { motion } from 'framer-motion'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faDiscord, faGitlab } from '@fortawesome/free-brands-svg-icons'
+import { faLightbulb, faComments, faPaperPlane } from '@fortawesome/free-solid-svg-icons'
+
+export function ApplyHeader({ children }) {
+ const steps = [
+ { icon: faDiscord, label: "Join Discord" },
+ { icon: faGitlab, label: "Start Contributing" },
+ { icon: faLightbulb, label: "Choose Idea" },
+ { icon: faComments, label: "Discuss" },
+ { icon: faPaperPlane, label: "Submit App" },
+ ];
+
+ return (
+
+
+
+
+ Your Journey to Open Source
+
+
+ Our application timeline is your step-by-step guide to becoming a part of our open-source community and contributing to projects that are shaping the future of technology. From submitting your proposal to final evaluations, we'll walk you through the process every step of the way. Don't miss this opportunity to be a part of something great and apply now!
+
+
+
+ {/* New Horizontal Timeline Steps */}
+
+ {/* Connecting Line */}
+
+
+
+ {step.label}
+
+ ))}
+
+
+
+ {children}
+
+
+ )
+}
diff --git a/src/components/home/CardEffect.jsx b/src/components/home/CardEffect.jsx
new file mode 100644
index 00000000..072b87ae
--- /dev/null
+++ b/src/components/home/CardEffect.jsx
@@ -0,0 +1,40 @@
+'use client'
+
+import Image from 'next/image'
+import { motion } from 'framer-motion'
+
+export function CardEffect({heading, content, logo}) {
+ return (
+
+
+ {/* Front Face */}
+
+
+ {/* Back Face */}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/home/CardHome.jsx b/src/components/home/CardHome.jsx
new file mode 100644
index 00000000..b4377280
--- /dev/null
+++ b/src/components/home/CardHome.jsx
@@ -0,0 +1,22 @@
+'use client'
+
+import Link from "next/link";
+import { motion } from "framer-motion";
+
+export function CardHome({heading, content}) {
+ return (
+
+ {heading}
+ {content}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/home/CardProject.jsx b/src/components/home/CardProject.jsx
new file mode 100644
index 00000000..3cf71f88
--- /dev/null
+++ b/src/components/home/CardProject.jsx
@@ -0,0 +1,43 @@
+'use client'
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { motion } from 'framer-motion';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faGithub } from '@fortawesome/free-brands-svg-icons';
+
+export function CardProject({ project }) {
+ return (
+
+
+
+
+ {project.name}
+
+
+ {project.description}
+
+
+ );
+}
diff --git a/src/components/home/Stats.jsx b/src/components/home/Stats.jsx
new file mode 100644
index 00000000..42ec9e70
--- /dev/null
+++ b/src/components/home/Stats.jsx
@@ -0,0 +1,81 @@
+'use client'
+
+import React, { useState, useEffect, useRef } from 'react';
+import clsx from 'clsx';
+import { motion } from 'framer-motion';
+import { Container } from '@/components/shared/Container';
+
+function Counter({ end, duration, label }) {
+ const [count, setCount] = useState(0);
+ const countRef = useRef(null);
+ const [isVisible, setIsVisible] = useState(false);
+
+ useEffect(() => {
+ const observer = new IntersectionObserver(
+ ([entry]) => {
+ if (entry.isIntersecting) {
+ setIsVisible(true);
+ observer.disconnect();
+ }
+ },
+ { threshold: 0.1 }
+ );
+
+ const currentRef = countRef.current;
+ if (currentRef) {
+ observer.observe(currentRef);
+ }
+
+ return () => {
+ if (currentRef) observer.unobserve(currentRef);
+ };
+ }, []);
+
+ useEffect(() => {
+ if (!isVisible) return;
+
+ let startTime = null;
+ const step = (timestamp) => {
+ if (!startTime) startTime = timestamp;
+ const progress = Math.min((timestamp - startTime) / duration, 1);
+ setCount(Math.floor(progress * end));
+ if (progress < 1) {
+ window.requestAnimationFrame(step);
+ }
+ };
+ window.requestAnimationFrame(step);
+ }, [end, duration, isVisible]);
+
+ return (
+
+
+ {count}+
+
+
+ {label}
+
+
+ );
+}
+
+export function Stats() {
+ return (
+
+
+
+
+
+ );
+}
diff --git a/src/components/ideas/IdeaCard.jsx b/src/components/ideas/IdeaCard.jsx
new file mode 100644
index 00000000..edf3369b
--- /dev/null
+++ b/src/components/ideas/IdeaCard.jsx
@@ -0,0 +1,83 @@
+'use client'
+
+import Link from 'next/link'
+import Grid from '@mui/material/Grid'
+import MuiCard from '@mui/material/Card'
+import CardContent from '@mui/material/CardContent'
+import CardActions from '@mui/material/CardActions'
+import Typography from '@mui/material/Typography'
+import Button from '@mui/material/Button'
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
+import { motion } from 'framer-motion'
+
+export function IdeaCard({ article, year }) {
+ const MotionMuiCard = motion(MuiCard)
+ return (
+
+
+
+
+ {article.title}
+
+
+
+ {article.description}
+
+
+
+
+
+ Know more
+
+
+
+
+ )
+}
diff --git a/src/components/IdeaLayout.jsx b/src/components/ideas/IdeaLayout.jsx
similarity index 84%
rename from src/components/IdeaLayout.jsx
rename to src/components/ideas/IdeaLayout.jsx
index a4142f7d..a609a9ab 100644
--- a/src/components/IdeaLayout.jsx
+++ b/src/components/ideas/IdeaLayout.jsx
@@ -1,8 +1,9 @@
-import Head from 'next/head'
-import { useRouter } from 'next/router'
+'use client'
-import { Container } from '@/components/Container'
-import { Prose } from '@/components/Prose'
+import { useRouter } from 'next/navigation'
+
+import { Container } from '@/components/shared/Container'
+import { Prose } from '@/components/shared/Prose'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons'
@@ -20,10 +21,6 @@ export function IdeaLayout({
return (
<>
-
-
{`${meta.title}`}
-
-
diff --git a/src/components/ideas/IdeasDisplay.jsx b/src/components/ideas/IdeasDisplay.jsx
new file mode 100644
index 00000000..59046780
--- /dev/null
+++ b/src/components/ideas/IdeasDisplay.jsx
@@ -0,0 +1,49 @@
+'use client'
+
+import { useState } from 'react'
+import { motion } from 'framer-motion'
+import { IdeasList } from '@/components/ideas/IdeasList'
+
+export function IdeasDisplay({ ideasData }) {
+ const [showAll, setShowAll] = useState(false)
+
+ // Show last 3 years initially
+ const initialCount = 3
+ const displayedData = showAll ? ideasData : ideasData.slice(0, initialCount)
+ const hasMore = ideasData.length > initialCount && !showAll
+
+ return (
+
+ {displayedData.map(({ year, articles }, index) => (
+
+
+ {year} Ideas
+
+
+ ))}
+
+ {hasMore && (
+
+ setShowAll(true)}
+ initial={{ opacity: 0 }}
+ whileInView={{ opacity: 1 }}
+ whileHover={{ scale: 1.05 }}
+ whileTap={{ scale: 0.95 }}
+ className="group order-2 mx-auto items-center overflow-hidden rounded-lg bg-zinc-800 px-8 py-3 text-white focus:outline-none dark:bg-white dark:text-black font-mono font-semibold transition-transform"
+ >
+ Show All Ideas
+
+
+ )}
+
+ )
+}
diff --git a/src/components/ideas/IdeasHeader.jsx b/src/components/ideas/IdeasHeader.jsx
new file mode 100644
index 00000000..45de40ba
--- /dev/null
+++ b/src/components/ideas/IdeasHeader.jsx
@@ -0,0 +1,82 @@
+'use client'
+
+import { motion } from 'framer-motion'
+import { Container } from '@/components/shared/Container'
+import Link from 'next/link'
+
+export function IdeasHeader({ validIdeasData, children }) {
+ return (
+
+
+
+
+
+
+ IDEAS
+
+
+
+
+
+
+ Explore the world of open-source possibilities with AOSSIE's{' '}
+ Idea List . As part of{' '}
+ Google Summer of Code 2025 , we offer
+ a unique opportunity for developers to explore new ideas, a wide
+ variety of projects for developers to choose from and contribute to.
+ From developing new features to fixing critical bugs, our idea list
+ is your go-to destination for finding your next big project and
+ kickstart your open-source journey.
+
+
+
+ {children}
+
+
+
+
+ Have an Idea?
+
+
+ We are always open to new and innovative ideas. If you have a project in mind that aligns with our mission, we'd love to hear from you.
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/ideas/IdeasList.jsx b/src/components/ideas/IdeasList.jsx
new file mode 100644
index 00000000..91717fe8
--- /dev/null
+++ b/src/components/ideas/IdeasList.jsx
@@ -0,0 +1,14 @@
+'use client'
+
+import Grid from '@mui/material/Grid'
+import { IdeaCard } from './IdeaCard'
+
+export function IdeasList({ articles, year }) {
+ return (
+
+ {articles.map((article) => (
+
+ )
+}
diff --git a/src/components/products/CardProduct.jsx b/src/components/products/CardProduct.jsx
new file mode 100644
index 00000000..2654aa41
--- /dev/null
+++ b/src/components/products/CardProduct.jsx
@@ -0,0 +1,63 @@
+'use client'
+
+import Image from 'next/image';
+import Link from 'next/link';
+import { motion } from 'framer-motion';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faDownload, faBook } from '@fortawesome/free-solid-svg-icons';
+
+export function CardProduct({ product }) {
+ return (
+
+
+
+
+ {product.name}
+
+
+ {product.description}
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/products/FeedbackForm.jsx b/src/components/products/FeedbackForm.jsx
new file mode 100644
index 00000000..ee853ca4
--- /dev/null
+++ b/src/components/products/FeedbackForm.jsx
@@ -0,0 +1,99 @@
+'use client'
+
+import { useState } from 'react'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faStar } from '@fortawesome/free-solid-svg-icons'
+import { faStar as faStarRegular } from '@fortawesome/free-regular-svg-icons'
+
+export function FeedbackForm() {
+ const [rating, setRating] = useState(0)
+ const [hoverRating, setHoverRating] = useState(0)
+ const [submitted, setSubmitted] = useState(false)
+
+ const handleSubmit = (e) => {
+ e.preventDefault()
+ // Here you would typically send the data to your backend
+ setSubmitted(true)
+ setTimeout(() => {
+ setSubmitted(false);
+ setRating(0);
+ e.target.reset();
+ }, 3000)
+ }
+
+ return (
+
+
+ Share Your Thoughts
+
+
+ {submitted ? (
+
+ Thank you for your feedback!
+
+ ) : (
+
+ )}
+
+ )
+}
diff --git a/src/components/products/ProductsHeader.jsx b/src/components/products/ProductsHeader.jsx
new file mode 100644
index 00000000..0fb8d6cf
--- /dev/null
+++ b/src/components/products/ProductsHeader.jsx
@@ -0,0 +1,26 @@
+'use client'
+
+import { motion } from 'framer-motion'
+
+export function ProductsHeader() {
+ return (
+
+
+ Products
+
+
+ Explore our ready-to-use applications.
+
+
+ )
+}
diff --git a/src/components/shared/Banner.jsx b/src/components/shared/Banner.jsx
new file mode 100644
index 00000000..18159cbb
--- /dev/null
+++ b/src/components/shared/Banner.jsx
@@ -0,0 +1,67 @@
+'use client'
+
+import Link from 'next/link';
+import { motion } from 'framer-motion';
+import { ContainerPattern } from '@/components/shared/ContainerPattern';
+import { Pattern } from '@/components/shared/Pattern';
+
+export function Banner() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ Launch into AOSSIE's open-source world through GSoC!
+
+
+ Learn how to apply for an opportunity to work on open-source projects and gain real-world experience through Google Summer of Code.
+
+
+
+ Apply to GSoC with AOSSIE
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Card.jsx b/src/components/shared/Card.jsx
similarity index 88%
rename from src/components/Card.jsx
rename to src/components/shared/Card.jsx
index 92d38d4e..594bf4b9 100644
--- a/src/components/Card.jsx
+++ b/src/components/shared/Card.jsx
@@ -1,5 +1,8 @@
+'use client'
+
import Link from 'next/link'
import clsx from 'clsx'
+import { motion } from 'framer-motion'
function ChevronRightIcon(props) {
return (
@@ -14,12 +17,18 @@ function ChevronRightIcon(props) {
)
}
export function Card({ as: Component = 'div', className, children }) {
+ const MotionComponent = motion(Component)
return (
-
{children}
-
+
)
}
diff --git a/src/components/Container.jsx b/src/components/shared/Container.jsx
similarity index 100%
rename from src/components/Container.jsx
rename to src/components/shared/Container.jsx
diff --git a/src/components/ContainerPattern.jsx b/src/components/shared/ContainerPattern.jsx
similarity index 100%
rename from src/components/ContainerPattern.jsx
rename to src/components/shared/ContainerPattern.jsx
diff --git a/src/components/shared/Footer.jsx b/src/components/shared/Footer.jsx
new file mode 100644
index 00000000..1ed357a5
--- /dev/null
+++ b/src/components/shared/Footer.jsx
@@ -0,0 +1,92 @@
+'use client'
+
+import Link from 'next/link'
+import { motion } from 'framer-motion'
+
+import { Container } from '@/components/shared/Container'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
+import { faDiscord, faGithub, faGitlab, faTwitter } from '@fortawesome/free-brands-svg-icons'
+
+function NavLink({ href, children }) {
+ return (
+
+ {children}
+
+ )
+}
+
+export function Footer() {
+ return (
+
+
+
+
+
+
+ {/* Brand and Description */}
+
+
AOSSIE
+
+ Australian Open Source Software Innovation and Education (AOSSIE) is a not-for-profit umbrella organization dedicated to open-source innovation. We believe in the power of code to educate and innovate.
+
+
+
+ {/* Navigation Links */}
+
+
Navigation
+
+ About Us
+ Our Projects
+ Project Ideas
+ How to Apply
+
+
+
+ {/* Social Links */}
+
+
Connect
+
+
+
+
+
+ © 2016-{new Date().getFullYear()} AOSSIE. All rights reserved.
+
+
+ Code of Conduct
+ Privacy Policy
+
+
+
+
+ )
+}
diff --git a/src/components/Header.jsx b/src/components/shared/Header.jsx
similarity index 94%
rename from src/components/Header.jsx
rename to src/components/shared/Header.jsx
index 3ffdd386..94cc2d5f 100644
--- a/src/components/Header.jsx
+++ b/src/components/shared/Header.jsx
@@ -1,11 +1,14 @@
+'use client'
+
import { Fragment, useEffect, useRef } from 'react'
import Image from 'next/image'
import Link from 'next/link'
-import { useRouter } from 'next/router'
+import { usePathname } from 'next/navigation'
import { Popover, Transition } from '@headlessui/react'
import clsx from 'clsx'
+import { motion } from 'framer-motion'
-import { Container } from '@/components/Container'
+import { Container } from '@/components/shared/Container'
function CloseIcon(props) {
return (
@@ -122,8 +125,11 @@ function MobileNavigation(props) {
About
Projects
+ Products
Ideas
Apply
+ GitHub
+ Discord
@@ -132,9 +138,8 @@ function MobileNavigation(props) {
)
}
-
function NavItem({ href, children }) {
- let isActive = useRouter().pathname === href
+ let isActive = usePathname() === href
return (
@@ -162,8 +167,10 @@ function DesktopNavigation(props) {
About
Projects
+ Products
Ideas
Apply
+ GitHub
)
@@ -236,7 +243,7 @@ function Home({ large = false, className, ...props }) {
}
export function Header() {
- let isHomePage = useRouter().pathname === '/'
+ let isHomePage = usePathname() === '/'
let headerRef = useRef()
let avatarRef = useRef()
@@ -340,12 +347,15 @@ export function Header() {
return (
<>
-
+
{isHomePage &&
}
)
diff --git a/src/components/Pattern.jsx b/src/components/shared/Pattern.jsx
similarity index 100%
rename from src/components/Pattern.jsx
rename to src/components/shared/Pattern.jsx
diff --git a/src/components/Prose.jsx b/src/components/shared/Prose.jsx
similarity index 100%
rename from src/components/Prose.jsx
rename to src/components/shared/Prose.jsx
diff --git a/src/components/SectionHeading.jsx b/src/components/shared/SectionHeading.jsx
similarity index 100%
rename from src/components/SectionHeading.jsx
rename to src/components/shared/SectionHeading.jsx
diff --git a/src/helper/getAllIdeas.js b/src/helper/getAllIdeas.js
deleted file mode 100644
index de8e7a92..00000000
--- a/src/helper/getAllIdeas.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import glob from 'fast-glob'
-import * as path from 'path'
-
-async function importIdea(ideaFilename) {
- let { meta, default: component } = await import(
- `../pages/ideas/2025/${ideaFilename}`
- )
- return {
- slug: ideaFilename.replace(/(\/index)?\.mdx$/, ''),
- ...meta,
- component,
- }
-}
-
-export async function getAllIdeas() {
- let ideaFilenames = await glob(['*.mdx','*/index.mdx'], {
- cwd: path.join(process.cwd(), 'src/pages/ideas/2025'),
- })
-
- let ideas = await Promise.all(ideaFilenames.map(importIdea))
-
- return ideas
-}
diff --git a/src/helper/getAllIdeas2022.js b/src/helper/getAllIdeas2022.js
deleted file mode 100644
index 586bfc5d..00000000
--- a/src/helper/getAllIdeas2022.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import glob from 'fast-glob'
-import * as path from 'path'
-
-async function importIdea(ideaFilename) {
- let { meta, default: component } = await import(
- `../pages/ideas/2022/${ideaFilename}`
- )
- return {
- slug: ideaFilename.replace(/(\/index)?\.mdx$/, ''),
- ...meta,
- component,
- }
-}
-
-export async function getAllIdeas() {
- let ideaFilenames = await glob(['*.mdx','*/index.mdx'], {
- cwd: path.join(process.cwd(), 'src/pages/ideas/2022'),
- })
-
- let ideas = await Promise.all(ideaFilenames.map(importIdea))
-
- return ideas
-}
diff --git a/src/helper/getAllIdeas2023.js b/src/helper/getAllIdeas2023.js
deleted file mode 100644
index 0c3dccf2..00000000
--- a/src/helper/getAllIdeas2023.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import glob from 'fast-glob'
-import * as path from 'path'
-
-async function importIdea(ideaFilename) {
- let { meta, default: component } = await import(
- `../pages/ideas/2023/${ideaFilename}`
- )
- return {
- slug: ideaFilename.replace(/(\/index)?\.mdx$/, ''),
- ...meta,
- component,
- }
-}
-
-export async function getAllIdeas() {
- let ideaFilenames = await glob(['*.mdx','*/index.mdx'], {
- cwd: path.join(process.cwd(), 'src/pages/ideas/2023'),
- })
-
- let ideas = await Promise.all(ideaFilenames.map(importIdea))
-
- return ideas
-}
diff --git a/src/helper/getAllIdeas2024.js b/src/helper/getAllIdeas2024.js
deleted file mode 100644
index 62c3b8a2..00000000
--- a/src/helper/getAllIdeas2024.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import glob from 'fast-glob'
-import * as path from 'path'
-
-async function importIdea(ideaFilename) {
- let { meta, default: component } = await import(
- `../pages/ideas/2024/${ideaFilename}`
- )
- return {
- slug: ideaFilename.replace(/(\/index)?\.mdx$/, ''),
- ...meta,
- component,
- }
-}
-
-export async function getAllIdeas() {
- let ideaFilenames = await glob(['*.mdx','*/index.mdx'], {
- cwd: path.join(process.cwd(), 'src/pages/ideas/2024'),
- })
-
- let ideas = await Promise.all(ideaFilenames.map(importIdea))
-
- return ideas
-}
diff --git a/src/helper/products.js b/src/helper/products.js
new file mode 100644
index 00000000..469bf497
--- /dev/null
+++ b/src/helper/products.js
@@ -0,0 +1,74 @@
+import AgoraLogo from '@/images/Agora.png'
+import PictoPy from '@/images/Pictopy.png'
+import Djed from '@/images/Djed.png'
+
+const products = [
+ {
+ slug: 'pictopy',
+ name: 'PictoPy',
+ description: 'PictoPy is a modern desktop app designed to transform the handling of digital photos. It facilitates efficient gallery management with a robust focus on privacy.',
+ logo: PictoPy,
+ status: 'production',
+ downloadLink: 'https://github.com/AOSSIE-Org/PictoPy/releases',
+ githubLink: 'https://github.com/AOSSIE-Org/PictoPy',
+ discordLink: 'https://discord.com/invite/6mHZkbJ',
+ setupGuide: `# Setup Guide for PictoPy
+
+1. **Download the Installer**: Go to the releases page and download the appropriate installer for your operating system.
+2. **Run the Installer**: Double-click the downloaded file and follow the on-screen instructions.
+3. **Launch the App**: Open PictoPy from your applications folder.
+4. **Grant Permissions**: Allow access to your photo directories when prompted.
+
+You are now ready to organize your photos!
+`,
+ videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ', // Placeholder
+ feedbacks: [
+ { user: 'John Doe', comment: 'Amazing tool for organizing my gallery!', rating: 5 },
+ { user: 'Jane Smith', comment: 'Works well, but could use more features.', rating: 4 }
+ ]
+ },
+ {
+ slug: 'agora-vote-android',
+ name: 'Agora Vote Android',
+ description: 'This application uses Agora Web API as backend application. It allows for elections to be held by using multiple algorithms.',
+ logo: AgoraLogo,
+ status: 'production',
+ downloadLink: 'https://gitlab.com/aossie/agora-android/-/releases',
+ githubLink: 'https://gitlab.com/aossie/agora-android',
+ discordLink: 'https://discord.com/invite/6mHZkbJ',
+ setupGuide: `# Setup Guide for Agora Vote Android
+
+1. **Download APK**: Get the latest APK from the releases page.
+2. **Enable Unknown Sources**: Go to Settings > Security and enable installation from unknown sources if required.
+3. **Install APK**: Open the APK file and tap Install.
+4. **Connect**: Launch the app and connect to an Agora server instance.
+`,
+ videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+ feedbacks: [
+ { user: 'Voter123', comment: 'Secure and easy to use.', rating: 5 }
+ ]
+ },
+ {
+ slug: 'djed',
+ name: 'Djed',
+ description: 'Djed is a Formally Verified Crypto-Backed Algorithmic Stablecoin Protocol.',
+ logo: Djed,
+ status: 'ongoing',
+ downloadLink: 'https://github.com/AOSSIE-Org/Djed-Solidity-WebDashboard',
+ githubLink: 'https://github.com/AOSSIE-Org/Djed-Solidity-WebDashboard',
+ discordLink: 'https://discord.com/invite/6mHZkbJ',
+ setupGuide: `# Setup Guide for Djed
+
+Djed runs as a web dashboard. You can deploy it locally or access the hosted version.
+
+## Local Deployment
+1. Clone the repository.
+2. Run \`npm install\`.
+3. Run \`npm start\`.
+`,
+ videoUrl: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
+ feedbacks: []
+ }
+]
+
+export default products
diff --git a/src/helper/projects.js b/src/helper/projects.js
index 8d6193da..39c6d1d5 100644
--- a/src/helper/projects.js
+++ b/src/helper/projects.js
@@ -19,6 +19,7 @@ const projects = [
label: 'Agora',
},
logo: AgoraLogo,
+ status: 'ongoing',
},
{
name: 'Agora Vote Android',
@@ -29,6 +30,7 @@ const projects = [
label: 'Agora-Android',
},
logo: AgoraLogo,
+ status: 'production',
},
{
name: 'Djed',
@@ -36,6 +38,7 @@ const projects = [
'Djed is a Formally Verified Crypto-Backed Algorithmic Stablecoin Protocol.',
link: { href: 'https://github.com/AOSSIE-Org/Djed-Solidity-WebDashboard', label: 'Djed' },
logo: Djed,
+ status: 'ongoing',
},
{
name: 'Pictopy',
@@ -43,6 +46,7 @@ const projects = [
'PictoPy is a modern desktop app designed to transform the handling of digital photos. It facilitates efficient gallery management with a robust focus on privacy, offering smart tagging capabilities for photos based on objects, faces, or scenes.',
link: { href: 'https://github.com/AOSSIE-Org/PictoPy', label: 'PictoPy' },
logo: PictoPy,
+ status: 'production',
},
{
name: 'EduAid',
@@ -50,6 +54,7 @@ const projects = [
'An online tool that can generate short quizzes on input educational content can be of great use to teachers and students alike as it can help retain important information, frame questions and quickly revise large chunks of content.',
link: { href: 'https://github.com/AOSSIE-Org/EduAid', label: 'EduAid' },
logo: DefaultLogo,
+ status: 'ongoing',
},
{
name: 'OpenChat',
@@ -57,6 +62,7 @@ const projects = [
'a decentralised platform for secure and private messaging and file sharing built on top of blockchain',
link: { href: '#', label: 'OpenChat' },
logo: DefaultLogo,
+ status: 'ongoing',
},
{
name: 'Resonate',
@@ -64,6 +70,7 @@ const projects = [
'With the rising popularity of social voice platforms such as Clubhouse, it is high time for an Open Source alternative. A platform like this would not only enhance credibility within the open-source community but also attract more users and foster growth. ',
link: { href: 'https://github.com/AOSSIE-Org/Resonate', label: 'Resonate' },
logo: ResonateLogo,
+ status: 'ongoing',
},
{
name: 'Monumento',
@@ -71,6 +78,7 @@ const projects = [
'Monumento is an AR-integrated social app that transforms how you connect with the world’s most iconic landmarks. Through Monumento, you can check in to popular monuments, explore famous sites, and discover new people, all within a social platform.',
link: { href: 'https://github.com/AOSSIE-Org/Monumento', label: 'Monumento' },
logo: MonumentoLogo,
+ status: 'ongoing',
},
{
name: 'Social Street Smart',
@@ -81,6 +89,7 @@ const projects = [
label: 'Social-Street-Smart',
},
logo: SSSLogo,
+ status: 'ongoing',
},
]
diff --git a/src/lib/ideas.js b/src/lib/ideas.js
new file mode 100644
index 00000000..9355adb9
--- /dev/null
+++ b/src/lib/ideas.js
@@ -0,0 +1,68 @@
+import glob from 'fast-glob'
+import path from 'path'
+import fs from 'fs'
+
+export async function getIdeas(year) {
+ const ideasDir = path.join(process.cwd(), `src/app/ideas/${year}`)
+
+ if (!fs.existsSync(ideasDir)) {
+ return []
+ }
+
+ const files = await glob('**/page.mdx', { cwd: ideasDir })
+
+ const ideas = await Promise.all(files.map(async (file) => {
+ const slug = path.dirname(file)
+ const filePath = path.join(ideasDir, file)
+
+ try {
+ const source = fs.readFileSync(filePath, 'utf8')
+ const meta = extractMeta(source)
+
+ return {
+ slug,
+ ...meta
+ }
+ } catch (e) {
+ console.error(`Failed to load idea for year ${year}, slug ${slug}`, e)
+ return null
+ }
+ }))
+
+ return ideas.filter(idea => idea !== null && idea.title)
+}
+
+function extractMeta(source) {
+ try {
+ // Match export const meta = { ... or export const metadata = { ...
+ const match = source.match(/export const meta(?:data)?\s*=\s*(\{[\s\S]*)/);
+
+ if (!match) return {};
+
+ // We start from the opening brace
+ const str = match[1];
+ let braceCount = 0;
+ let end = 0;
+
+ // Find the closing brace that matches the first opening brace
+ for (let i = 0; i < str.length; i++) {
+ if (str[i] === '{') braceCount++;
+ else if (str[i] === '}') braceCount--;
+
+ if (braceCount === 0) {
+ end = i + 1;
+ break;
+ }
+ }
+
+ if (end > 0) {
+ const objectStr = str.substring(0, end);
+ // Use new Function to safely evaluate the object literal
+ const getMeta = new Function(`return ${objectStr}`);
+ return getMeta();
+ }
+ } catch (e) {
+ console.error('Error parsing metadata:', e);
+ }
+ return {};
+}
diff --git a/src/mdx-components.js b/src/mdx-components.js
new file mode 100644
index 00000000..47e58796
--- /dev/null
+++ b/src/mdx-components.js
@@ -0,0 +1,5 @@
+export function useMDXComponents(components) {
+ return {
+ ...components,
+ }
+}
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
deleted file mode 100644
index f2d6ffb9..00000000
--- a/src/pages/_app.jsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-import { Header } from '@/components/Header'
-
-import '@/style/tailwind.css'
-import 'focus-visible'
-import { Footer } from '@/components/Footer'
-
-function usePrevious(value) {
- let ref = useRef()
-
- useEffect(() => {
- ref.current = value
- }, [value])
-
- return ref.current
-}
-
-export default function App({ Component, pageProps, router }) {
- let previousPathname = usePrevious(router.pathname)
-
- return (
- <>
-
-
-
-
-
-
-
-
- )
-}
diff --git a/src/pages/about.jsx b/src/pages/about.jsx
deleted file mode 100644
index 88c1768c..00000000
--- a/src/pages/about.jsx
+++ /dev/null
@@ -1,200 +0,0 @@
-import { useState, useEffect } from 'react';
-import Image from 'next/image';
-import Head from 'next/head';
-import { Container } from '@/components/Container';
-import { Banner } from '@/components/Banner';
-import React from 'react';
-import { Line } from 'react-chartjs-2';
-import { Chart as ChartJS, LineElement, CategoryScale, LinearScale, PointElement } from 'chart.js';
-
-ChartJS.register(LineElement, CategoryScale, LinearScale, PointElement);
-
-export default function About() {
- const [isDarkMode, setIsDarkMode] = useState(false);
-
- // Detect dark mode preference on page load
- useEffect(() => {
- const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
- setIsDarkMode(prefersDark);
- }, []);
-
- const data = {
- labels: ['2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024'], // Include '0' on the x-axis
- datasets: [
- {
- label: 'Number of Completed Projects',
- data: [4, 8, 12, 9, 9, 11, 8, 6, 18], // Start data points from '2017', leave '0' as null
- fill: false,
- borderColor: '#32a852',
- tension: 0.4,
- },
- ],
- };
-
- const options = {
- responsive: true,
- maintainAspectRatio: false,
- plugins: {
- legend: {
- display: false,
- },
- },
- scales: {
- x: {
- type: 'category',
- grid: {
- display: true,
- color: '#FFCC00',
- },
- ticks: {
- callback: (value, index) => data.labels[index], // Match x-axis labels
- },
- },
- y: {
- beginAtZero: true, // Start y-axis from 0
- ticks: {
- stepSize: 5, // Increment y-axis labels by 5
- },
- grid: {
- display: true,
- color: '#FFCC00',
- },
- },
- },
- };
-
- const styles = {
- container: {
- fontFamily: 'Arial, sans-serif',
- padding: '20px',
- textAlign: 'center',
- maxWidth: '1000px',
- margin: '0 auto',
- },
- section: {
- margin: '30px 0',
- },
- title: {
- fontSize: '2.5rem',
- color: '#32a852',
- },
- paragraph: {
- fontSize: '1rem',
- lineHeight: '1.6',
- textAlign: 'center',
- marginTop: '20px', // More space below ABOUT
- marginBottom: '40px', // Increased spacing
- },
- highlight: {
- color: '#32a852',
- fontWeight: 'bold',
- },
- stats: {
- display: 'flex',
- justifyContent: 'space-around',
- flexWrap: 'wrap',
- gap: '20px',
- marginTop: '30px', // More space between stats and paragraph
- },
- statItem: {
- textAlign: 'center',
- fontWeight: 'bold',
- color: '#32a852', // Make stats bold
- },
- statNumber: {
- fontSize: '2rem',
- color: '#FFCC00',
- fontWeight: 'bold', // Make stats numbers bold
- },
- statLabel: {
- fontSize: '1rem',
- marginBottom: '20px',
- },
- graphLabel: {
- textAlign: 'center',
- color: '#32a852',
- fontWeight: 'bold',
- marginTop: '10px',
- },
- bannerWrapper: {
- width: '100vw',
- marginLeft: 'calc(-50vw + 50%)',
- position: 'relative',
- overflow: 'hidden',
- },
- gsocSection: {
- display: 'flex',
- flexDirection: 'column',
- alignItems: 'center',
- gap: '20px', // Gap after GSOC Logo and heading
- },
- orgText: {
- textAlign: 'center',
- fontSize: '1.1rem',
- marginBottom: '20px', // Gap below Australian Umbrella Org
- },
- };
-
- return (
-
-
-
About Us - Projects and Contributions
-
-
-
-
-
- ABOUT
-
-
- Our Projects, where we showcase our tech wizardry and code-slinging skills!! Be a part of our community and
- contribute to meaningful projects that are making a difference . Explore
- our selection of projects and find the perfect opportunity to showcase your skills and{' '}
- make an impact .
-
-
-
-
34+
-
Active Projects
-
-
-
500+
-
Total Contributors
-
-
-
3800+
-
Community Count
-
-
-
-
-
-
-
- GSOC CONTRIBUTION
-
-
Australian Umbrella Org for Open-Source Projects
-
-
- ----- Number of Completed Projects Year Wise -----
-
-
-
-
-
-
-
Application Timeline
-
-
-
-
Learn how to apply for an opportunity to work on open-source projects and gain real-world experience through Google Summer of Code.
-
- Our application timeline is your step-by-step guide to becoming a part of our open-source community and contributing to projects that are shaping the future of technology. From submitting your proposal to final evaluations, we'll walk you through the process every step of the way. Don't miss this opportunity to be a part of something great and apply now!
-
-
-
-
-
-
-
-
-
-
{/* Adjust width and height */}
-
Join us on Discord
-
-
-
{/* Adjust width and height */}
-
Start Contributing
-
-
-
{/* Adjust width and height */}
-
Choose an idea
-
-
-
-
-
-
-
{/* Adjust width and height */}
-
Discuss with mentor
-
-
-
{/* Adjust width and height */}
-
Submit final application
-
-
-
-
-
-
-
-
-
-
-
-
-
- View GSoC Program Announcements
-
-
-
-
-
-
- );
-}
diff --git a/src/pages/ideas/2024/index.jsx b/src/pages/ideas/2024/index.jsx
deleted file mode 100644
index 4e7701c4..00000000
--- a/src/pages/ideas/2024/index.jsx
+++ /dev/null
@@ -1,122 +0,0 @@
-import Head from 'next/head';
-import Link from 'next/link';
-import { Container } from '@/components/Container';
-import { getAllIdeas } from '@/helper/getAllIdeas';
-import Grid from '@mui/material/Grid';
-import MuiCard from '@mui/material/Card';
-import CardContent from '@mui/material/CardContent';
-import CardActions from '@mui/material/CardActions';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-
-function Article({ article }) {
- return (
-
-
-
-
- {article.title}
-
-
-
- {article.description}
-
-
-
-
-
- Know more
-
-
-
-
- );
-}
-
-export default function Ideas({ articles }) {
- return (
- <>
-
- Idea List
-
-
-
- AOSSIE's{' '}
- Idea List for{' '}
- Google Summer of Code 2024
-
-
-
-
- {articles.map((article) => (
-
-
- Go Back
-
-
-
-
-
- );
-}
-
-export async function getStaticProps() {
- return {
- props: {
- articles: (await getAllIdeas()).map(({ component, ...meta }) => meta),
- },
- };
-}
diff --git a/src/pages/ideas/index.jsx b/src/pages/ideas/index.jsx
deleted file mode 100644
index eaf5847d..00000000
--- a/src/pages/ideas/index.jsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import Head from 'next/head';
-import Link from 'next/link';
-import { Container } from '@/components/Container';
-import { getAllIdeas } from '@/helper/getAllIdeas';
-import Grid from '@mui/material/Grid';
-import MuiCard from '@mui/material/Card';
-import CardContent from '@mui/material/CardContent';
-import CardActions from '@mui/material/CardActions';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-
-function Article({ article }) {
- return (
-
-
-
-
- {article.title}
-
-
-
- {article.description}
-
-
-
-
-
- Know more
-
-
-
-
- );
-}
-
-
-export default function Ideas({ articles }) {
- return (
- <>
-
- Idea List
-
-
-
-
-
-
- IDEAS
-
-
-
-
-
- Explore the world of open-source possibilities with AOSSIE's{' '}
- Idea List . As part of{' '}
- Google Summer of Code 2025 , we offer
- a unique opportunity for developers to explore new ideas, a wide
- variety of projects for developers to choose from and contribute to.
- From developing new features to fixing critical bugs, our idea list
- is your go-to destination for finding your next big project and
- kickstart your open-source journey.
-
-
-
-
- {articles.map((article) => (
-
-
-
- View 2024 Idea List
-
-
-
-
-
-
- );
-}
-
-export async function getStaticProps() {
- return {
- props: {
- articles: (await getAllIdeas()).map(({ component, ...meta }) => meta),
- },
- };
-}