Skip to content

Commit

Permalink
Add AIEP Project landing pages
Browse files Browse the repository at this point in the history
  • Loading branch information
achyuthcodes30 committed Mar 5, 2024
1 parent 10d3043 commit b50624a
Show file tree
Hide file tree
Showing 3 changed files with 192 additions and 9 deletions.
174 changes: 174 additions & 0 deletions app/aiep/[slug]/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
export async function generateStaticParams() {
const slugs = [
'retro-game-console-emulation',
'academyx',
'exploring-database-internals',
'design-and-simulation-of-uavs',
'ssg'
];
return slugs.map((slug) => ({ slug: slug }));
}

const projects = {
'retro-game-console-emulation': {
slug: 'retro-game-console-emulation',
title: 'Retro Game Console Emulation: Write Your Own CHIP8 Interpreter!',
lead: 'Sriprad Potukuchi',
members: [
'D Krishikesh Reddy',
'Suhit Hegde',
'Amruta L',
'Adhvaith R',
'Ananya Kini'
],
desc: `Through this project, Sriprad wishes to introduce participants to the world of emulator development.
The participants will be exploring the same by building a CHIP-8 interpreter.`
},
academyx: {
slug: 'academyx',
title: 'AcademyX: An E-learning platform hosted on the cloud',
lead: 'Achyuth Yogesh Sosale',
members: [
'Advay Sanketi',
'Advaith B',
'Akshat Navlani',
'Siddhartha Rao',
'Prabhala Tara'
],
desc: `AcademyX aims to be an easy-to-use E-learning platform for learners and
teachers to upload content. Through this project the participants will learn and implement
best practices to test and develop backend APIs and microservices, Website UI/UX and interactivity, cloud services
and so much more.`
},
'exploring-database-internals': {
slug: 'exploring-database-internals',
title: 'Exploring Database Internals(by trying to build one!)',
lead: 'Siddharth Tewari',
members: [
'Saijyoti P',
'Vyoman Jain',
'Reema Sarkar',
'Alayna C M',
'Sai Hemanth M'
],
desc: `What are the data structures that power databases and how are they stored on disk?
The team will learn the answers to this question and and many more as they forge their own database from scratch and learn about
how databases work internally in depth.`
},
'design-and-simulation-of-uavs': {
slug: 'design-and-simulation-of-uavs',
title: 'Exploring Aviation through the design and simulation of UAVs',
lead: 'Himank Bansal',
members: [
'Arya S D',
'Atharva A K',
'Lalitha T V',
'Nisschay K',
'Siri Basavaraj'
],
desc: `Dive deep into the fascinating realm of Unmanned Aerial Vehicles (UAVs) as we explore their intricacies
through innovative design and realistic simulation.`
},
ssg: {
slug: 'ssg',
title: 'SSG: A static site generator built with Go!',
lead: '',
members: ['Adhesh Athrey', 'Nathan Paul', 'Anirudh Sudhir', 'Aditya Hegde'],
desc: (
<>
Inspired by{` `}
<a
href="https://gohugo.io/"
className="bg-[rgb(255,255,255,0.1)] px-2 text-center text-sky-200"
>
Hugo
</a>
{` `}and{` `}
<a
href="https://https://saaru-docs.netlify.app/"
className="bg-[rgb(255,255,255,0.1)] px-2 text-center text-sky-200"
>
Saaru
</a>
, this static site generator aims to take performance to the next level
with parallel rendering, live reloads and so much more, all in Go. The
team comprises of only super talented first years.`
</>
)
}
};
export default function AIEProject({
params
}: {
params: { slug: keyof typeof projects };
}) {
const { slug } = params;
return (
<div className="mx-auto mb-12 mt-4 flex w-[90%] flex-col justify-center lg:mt-2 lg:w-3/4">
<h1 className="mt-4 text-center text-2xl text-white underline decoration-sky-200 underline-offset-8 lg:text-5xl">
{projects[slug].title}
</h1>
<p className="mx-auto my-6 w-[90%] text-white lg:my-8 lg:text-xl">
{projects[slug].desc}
</p>

<div className="mx-auto flex w-[90%] flex-col justify-center">
<h2 className="text-center text-xl text-white underline decoration-sky-200 underline-offset-8 lg:text-3xl">
Weekly Reports
</h2>
<div className="mx-auto mb-8 mt-4 flex flex-wrap justify-between bg-[rgb(0,0,0,0.3)] py-2 lg:mb-12 lg:mt-6 lg:w-2/3">
<span className="w-1/3 border-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-1`}>
<em>Week - 1</em>
</a>
</span>
<span className="w-1/3 border-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-2`}>
<em>Week - 2</em>
</a>
</span>
<span className="w-1/3 border-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-3`}>
<em>Week - 3</em>
</a>
</span>
<span className="w-1/3 border-x-2 border-b-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-4`}>
<em>Week - 4</em>
</a>
</span>
<span className="w-1/3 border-x-2 border-b-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-5`}>
<em>Week - 5</em>
</a>
</span>
<span className="w-1/3 border-x-2 border-b-2 border-sky-200 py-2 text-center text-sky-200 lg:text-xl">
<a href={`/${slug}/week-6`}>
<em>Week - 6</em>
</a>
</span>
</div>
<h2 className="text-center text-xl text-white underline decoration-sky-200 underline-offset-8 lg:text-3xl">
Meet the Team
</h2>
{projects[slug].lead !== '' && (
<span className="mx-auto mt-6 flex w-2/3 flex-col items-center border-2 border-sky-200 bg-[rgb(0,0,0,0.3)] px-4 pb-2 lg:w-1/2 lg:px-0 lg:pb-4 ">
<span className="font-bold text-sky-200 lg:text-xl">👑</span>
<span className="font-bold text-sky-200 lg:text-xl">Team Lead</span>
<span className=" mx-auto text-center text-white lg:text-xl">
{projects[slug].lead}
</span>
</span>
)}
{projects[slug].members.map((member, index) => (
<span
key={index}
className="mx-auto mt-4 flex h-12 w-2/3 items-center justify-center border-2 border-sky-200 bg-[rgb(0,0,0,0.3)] px-4 py-2 lg:h-16 lg:w-1/2 lg:px-0"
>
<span className="text-white lg:text-xl">{member}</span>
</span>
))}
</div>
</div>
);
}
25 changes: 17 additions & 8 deletions app/aiep/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,28 @@ export default function AIEP() {
const ProjectCard = ({
title,
lead,
desc
desc,
slug
}: {
title: string;
lead: string;
desc: string;
slug: string;
}) => {
return (
<div
className={`flex-justify-center mx-auto my-8 ${lead !== '' ? `h-36` : `h-auto`} w-[90%] border-2 border-sky-200 bg-[rgb(0,0,0,0.3)] px-4 pb-8 pt-4 lg:h-auto lg:w-2/3 lg:p-8`}
>
<h2 className="w-full text-center text-white underline decoration-sky-200 lg:mt-2 lg:text-2xl">
{title}
</h2>
{lead !== '' && (
<h2 className="w-full text-center text-sky-200 lg:mt-2 lg:text-lg">
Team Lead - {lead}
<a href={`/aiep/${slug}`} className="w-max">
<h2 className="w-full text-center text-white underline decoration-sky-200 lg:mt-2 lg:text-2xl">
{title}
</h2>
)}
{lead !== '' && (
<h2 className="w-full text-center text-sky-200 lg:mt-2 lg:text-lg">
Team Lead - {lead}
</h2>
)}
</a>
</div>
);
};
Expand Down Expand Up @@ -53,26 +57,31 @@ export default function AIEP() {
title="Retro Game Console Emulation: Write Your Own CHIP8 Interpreter!"
lead="Sriprad Potukuchi"
desc=""
slug="retro-game-console-emulation"
/>
<ProjectCard
title="AcademyX: An E-learning platform hosted on the cloud"
lead="Achyuth Yogesh Sosale"
desc=""
slug="academyx"
/>
<ProjectCard
title="Exploring Database Internals(by trying to build one!)"
lead="Siddharth Tewari"
desc=""
slug="exploring-database-internals"
/>
<ProjectCard
title="Exploring Aviation through the design and simulation of UAVs"
lead="Himank Bansal"
desc=""
slug="design-and-simulation-of-uavs"
/>
<ProjectCard
title="SSG: A static site generator built with Go!"
lead=""
desc=""
slug="ssg"
/>
</div>
);
Expand Down
2 changes: 1 addition & 1 deletion app/not-found.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ const Custom404: React.FC = () => {
Sorry, this bun is missing its samosa&#128542;
</p>
<div style={bunContainerStyle}>
<img className="bun" src="nobgbun.png" alt="Bun" style={bunStyle} />
<img className="bun" src="/nobgbun.png" alt="Bun" style={bunStyle} />
</div>
</div>
);
Expand Down

0 comments on commit b50624a

Please sign in to comment.