diff --git a/src/app/event/[id]/components/currentWindowSize.jsx b/src/app/event/[id]/components/currentWindowSize.jsx
new file mode 100644
index 0000000..1f55cec
--- /dev/null
+++ b/src/app/event/[id]/components/currentWindowSize.jsx
@@ -0,0 +1,30 @@
+import { useState, useEffect } from 'react';
+
+export default function useWindowDimensions() {
+
+ const hasWindow = typeof window !== 'undefined';
+
+ function getWindowDimensions() {
+ const width = hasWindow ? window.innerWidth : null;
+ const height = hasWindow ? window.innerHeight : null;
+ return {
+ width,
+ height,
+ };
+ }
+
+ const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+
+ useEffect(() => {
+ if (hasWindow) {
+ function handleResize() {
+ setWindowDimensions(getWindowDimensions());
+ }
+
+ window.addEventListener('resize', handleResize);
+ return () => window.removeEventListener('resize', handleResize);
+ }
+ }, [hasWindow]);
+
+ return windowDimensions;
+}
\ No newline at end of file
diff --git a/src/app/event/[id]/components/event.jsx b/src/app/event/[id]/components/event.jsx
new file mode 100644
index 0000000..c724aa1
--- /dev/null
+++ b/src/app/event/[id]/components/event.jsx
@@ -0,0 +1,71 @@
+import React, { useState, useEffect } from 'react';
+import "@/styles/event.css";
+
+import EventPoster from "./eventPoster";
+import EventDetails from "./eventDetails";
+import useWindowDimensions from "./currentWindowSize";
+
+
+function GenerateEvent({props:event}){
+ // Getting current window dimensions
+ const {width , height} = useWindowDimensions();
+
+ // console.log(width-height);
+
+ const [scrollPosition, setScrollPosition] = useState(0);
+ const [eventDetailsFixed ,setEventDetailsFixed] = useState("event-details-fixed");
+ const [eventPosterFixed ,setEventPosterFixed] = useState("");
+ const [eventPosterCover, setEventPosterCover] = useState("");
+
+ const handleScroll = () => {
+ const position = window.scrollY;
+ setScrollPosition(position);
+ };
+
+ // To change classes
+ useEffect(()=>{
+ if(width-height>0) {
+ if((scrollPosition>(width-height-(0.12*(width-height)))) ){ //
+ setEventDetailsFixed("");
+ setEventPosterFixed("event-poster-fixed");
+ }
+ else{
+ setEventPosterFixed("");
+ setEventDetailsFixed("event-details-fixed");
+ }
+ setEventPosterCover("event-poster-cover");
+ }
+ else{
+
+ setEventPosterFixed("");
+ setEventDetailsFixed("");
+ }
+ },[scrollPosition,width,height]);
+
+ // To track scroll position
+ useEffect(() => {
+ window.addEventListener('scroll', handleScroll, { passive: true });
+
+ return () => {
+ window.removeEventListener('scroll', handleScroll);
+ };
+ }, []);
+
+ const eventPoster = "/event_poster.avif";
+ return (
+
+ )
+}
+
+export default GenerateEvent;
\ No newline at end of file
diff --git a/src/app/event/[id]/components/eventConvenors.jsx b/src/app/event/[id]/components/eventConvenors.jsx
new file mode 100644
index 0000000..d8a063b
--- /dev/null
+++ b/src/app/event/[id]/components/eventConvenors.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+export default function EventConvenors(props) {
+ return (
+ <>
+
+
Convenors
+
+ {props.eventConvenors.map((item,index) => {
+ return {item} ;
+ })}
+
+
+
{eventName}
+
+
+
{daysLeftToRegister}
+
+ Register
+
+ {isAdmin ? DeleteButton() : null}
+
+
+
+
Event Date
+
{formatDate(new Date(eventDate))}
+
+
+
Event Time
+
{new Date(eventDate).toLocaleTimeString()}
+
+
+
About Event
+
{eventDescription}
+
+
+
+ {(eventWinners === null || Object.keys(eventWinners).length === 0) ? null:}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete
+
+ )
+}
+
+
+
+function CalculateDaysLeft(date){
+ var today = new Date();
+ var anotherDate = new Date(date);
+ const timeInMS = anotherDate.getTime() - today.getTime();
+ var daysRemaining = Math.ceil(timeInMS / (1000 * 60 * 60 * 24));
+
+ var hoursRemaining = (Math.ceil(timeInMS / (1000 * 60 * 60 )));
+ var minutesRemaining = (Math.ceil(timeInMS / (1000 * 60)));
+ var secondsRemaining = (Math.ceil(timeInMS / (1000)));
+ if(daysRemaining>3){
+ return (daysRemaining+" days left")
+ }
+ else{
+ if(hoursRemaining>1){
+ return (hoursRemaining+" hours left");
+ }
+ else{
+ if(minutesRemaining>2){
+ return(minutesRemaining+" minutes left");
+ }
+ else{
+ if(secondsRemaining>0){
+ return(secondsRemaining+" seconds left");
+ }
+ else{
+ return("Registration closed");
+ }
+ }
+ }
+ }
+}
+
+function CalculateEventDuration (totalmins) {
+
+ var absTotal= Math.abs(totalmins);
+ var mins= absTotal % 60;
+ var hours = Math.floor(absTotal / 60);
+ var days= Math.floor(hours / 24);
+ var hourss = hours % 24;
+ var duration ="";
+ if(days>0){
+ ;
+ if(days==1){duration = duration+days+" Day"}
+ else{duration = duration+days+" Day"};
+ if(hourss || mins){duration = duration+", ";}
+ }
+ if(hourss){
+ if(hourss==1){duration = duration+hourss+" Hour"}
+ else{duration = duration+hourss+" Hours"};
+ if(mins){duration = duration+", ";}
+ }
+ if(mins){
+ duration = duration+mins+" Minutes";
+ }
+
+ return duration;
+
+}
+
+function formatDate(date) {
+ // Array of month names
+ const monthNames = [
+ "January", "February", "March", "April", "May", "June",
+ "July", "August", "September", "October", "November", "December"
+ ];
+
+ // Array of day names
+ const dayNames = [
+ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
+ ];
+
+ // Extract day, month, and year from the date
+ const day = date.getDate();
+ const month = monthNames[date.getMonth()];
+ const year = date.getFullYear();
+ const dayName = dayNames[date.getDay()];
+
+ // Format the date
+ return `${day < 10 ? '0' + day : day}-${month}-${year}, ${dayName}`;
+}
+export default EventDetails;
\ No newline at end of file
diff --git a/src/app/event/[id]/components/eventDuration.jsx b/src/app/event/[id]/components/eventDuration.jsx
new file mode 100644
index 0000000..727bae1
--- /dev/null
+++ b/src/app/event/[id]/components/eventDuration.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+export default function EventDuration(props) {
+ return (
+ <>
+
+
+
{props.eventDuration}
+
+
+);
diff --git a/src/app/event/[id]/components/eventMode.jsx b/src/app/event/[id]/components/eventMode.jsx
new file mode 100644
index 0000000..4576533
--- /dev/null
+++ b/src/app/event/[id]/components/eventMode.jsx
@@ -0,0 +1,38 @@
+import React from "react";
+export default function EventMode(props) {
+ return <>
+
+
{props.eventMode ?
+
{props.eventMode ? "Online" : props.eventVenue}
+
+
+);
+
+
+const OfflineIcon = ({ width = 32, height = 32}) => (
+
+
+
+
+
+
+);
+
diff --git a/src/app/event/[id]/components/eventPoster.jsx b/src/app/event/[id]/components/eventPoster.jsx
new file mode 100644
index 0000000..9f8fa23
--- /dev/null
+++ b/src/app/event/[id]/components/eventPoster.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import Image from "next/image";
+function EventPoster(props){
+ return <>
+
+
+
+
{specialPrizes ? "Special Prizes":null}
+ {specialPrizes ?
{specialPrizesArray.map((value,index)=>{return({value}
)})}
+ :null}
+
+
+
+
+
+);
+
+const SecondPrizeIcon = () => (
+
+
+
+
+);
+
+const ThirdPrizeIcon = () => (
+
+
+
+
+);
diff --git a/src/app/event/[id]/components/eventRequirements.jsx b/src/app/event/[id]/components/eventRequirements.jsx
new file mode 100644
index 0000000..9cd3ff9
--- /dev/null
+++ b/src/app/event/[id]/components/eventRequirements.jsx
@@ -0,0 +1,34 @@
+import React from "react";
+export default function EventRequirements(props) {
+ return (
+ <>
+
+
+
+ {props.eventRequirements.map((item,index) => {
+ return {item} ;
+ })}
+
+
+
+
+
+ );
+
\ No newline at end of file
diff --git a/src/app/event/[id]/components/eventVenue.jsx b/src/app/event/[id]/components/eventVenue.jsx
new file mode 100644
index 0000000..3c2beea
--- /dev/null
+++ b/src/app/event/[id]/components/eventVenue.jsx
@@ -0,0 +1,27 @@
+import React from "react";
+export default function EventRequirements(props) {
+ return (
+ <>
+
+
+ );
+}
+
+const OfflineIcon = ({ width = 32, height = 32}) => (
+
+
+
+
+
+
+ );
+
\ No newline at end of file
diff --git a/src/app/event/[id]/components/eventWinners.jsx b/src/app/event/[id]/components/eventWinners.jsx
new file mode 100644
index 0000000..7c9bfeb
--- /dev/null
+++ b/src/app/event/[id]/components/eventWinners.jsx
@@ -0,0 +1,236 @@
+import React, { useEffect } from "react";
+export default function EventWinners(props) {
+ const eventWinners = props.eventWinners;
+
+ return (
+ <>
+ Event Winners🎉
+
+ {Object.entries(eventWinners).map((winnerCategory, index) => {
+ return GenerateWinnerCard(winnerCategory, index);
+ })}
+
+
+ );
+}
+
+function GenerateWinners(winner, index) {
+ var prizeIcon = null;
+ if (index === 0) {
+ prizeIcon =
;
+ } else if (index === 1) {
+ prizeIcon =
;
+ } else if (index === 2) {
+ prizeIcon =
;
+ } else {
+ prizeIcon = index + 1 + `. `;
+ }
+ return (
+
+ {prizeIcon}
+
+ {winner}
+
+
+ );
+}
+
+function GenerateWinnerCard(winnerCategory, index) {
+ return (
+
+ {winnerCategory[0]}
+
+ {winnerCategory[1].map((winner, idx) => {
+ return GenerateWinners(winner, idx);
+ })}
+
+
+ );
+}
+
+
+const BronzeTrophyIcon = ({ width = 32, height = 32 }) => (
+
+
+);
+
+const SilverTrophyIcon = ({ width = 32, height = 32 }) => (
+
+
+);
+
+const GoldTrophyIcon = ({ width = 32, height = 32 }) => (
+
+
+);
diff --git a/src/app/event/[id]/fetchEvent.jsx b/src/app/event/[id]/fetchEvent.jsx
new file mode 100644
index 0000000..e4ac05d
--- /dev/null
+++ b/src/app/event/[id]/fetchEvent.jsx
@@ -0,0 +1,28 @@
+import { useState, useEffect } from 'react';
+import axios from 'axios';
+
+const useFetchEvent = (eventId) => {
+ const [event, setEvent] = useState({});
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ const fetchEvent = async () => {
+ try {
+ const response = await axios.get(`/api/v1/get/event?id=${eventId}`);
+ const result = response.data;
+ setEvent(result.event);
+ setLoading(false);
+ } catch (error) {
+ setError(error);
+ setLoading(false);
+ }
+ };
+
+ fetchEvent();
+ }, [eventId]);
+
+ return { event, loading, error };
+};
+
+export default useFetchEvent;
diff --git a/src/app/event/[id]/page.jsx b/src/app/event/[id]/page.jsx
new file mode 100644
index 0000000..0e1e96b
--- /dev/null
+++ b/src/app/event/[id]/page.jsx
@@ -0,0 +1,72 @@
+'use client'
+import React from 'react';
+import { useRouter } from 'next/navigation';
+import GenerateEvent from './components/event';
+import useFetchEvent from './fetchEvent';
+import Loading from '@/components/loading';
+
+function Event({ params }) {
+ const eventId = params.id;
+ // const { event, loading, error } = useFetchEvent(eventId);
+ // const router = useRouter();
+
+ // if (loading) {
+ // return <>
+ //
+ // ;
+ // }
+
+ // if (error) {
+ // console.error(error);
+ // router.push('/events');
+ // return null;
+ // }
+
+
+
+ // To start calling api delete the object below and uncomment the above code
+ const event = {
+ "id": 7,
+ "name": "Codestrike v6.0",
+ "description": `Join us for an exciting coding event organized by Coding Club IIITV, \nwhere teamwork and innovation take center stage! \nIn this unique competition, teams of three programmers will come together to \n solve complex coding challenges within a set timeframe. Participants will need to collaborate closely, leveraging each other's strengths to develop efficient and creative solutions. This event is designed to foster camaraderie, enhance problem-solving skills, and encourage effective communication among team members. Don't miss this opportunity to test your coding prowess, make new friends, and have a blast working together. Sign up now and be part of a thrilling coding adventure!`,
+ "date": "2024-08-05T15:30:00",
+ "duration": 60,
+ "mode": false,
+ "host_link": "https://www.hosted.com",
+ "venue": "Mess Hall",
+ "requirements": [
+ "Laptop",
+ "Notebook",
+ "Pen",
+ "Pencil"
+ ],
+ "hosted_registration": true,
+ "register_until": "2024-08-05T15:32:30",
+ "registration_link": "https://www.registration.com",
+ "creator": "b4e05b86-df08-49d8-a118-51c205216401",
+ "prizes" : ["Rs. 10000","Rs. 5000", "Rs. 1000",
+ {
+ "Female Special":"Rs. 1000",
+ "FY Special":"Rs. 1000"
+ }
+ ],
+ "winners" : {
+ "Web Dev":["ABCDEGFHIJKL","ABCDEGFHIJKL","ABCDEGFHIJKL"],
+ "Cloud ":["ABCDEGFHIJKL"],
+ "CyberSecurity":["ABCDEGFHIJKL","ABCDEGFHIJKL"]
+ },
+ "convenors":[
+ "Devyash Saini","Devyash Saini","Devyash Saini","Devyash Saini"
+ ]
+ }
+
+
+
+ return (
+
+ );
+}
+
+export default Event;
diff --git a/src/app/event/layout.tsx b/src/app/event/layout.tsx
new file mode 100644
index 0000000..1bcbaa6
--- /dev/null
+++ b/src/app/event/layout.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import Navbar from "@/components/navbar"
+import Footer from "@/components/footer"
+
+
+interface RootLayoutProps {
+ children: React.ReactNode;
+}
+
+export default function RootLayout({ children } : RootLayoutProps) {
+ return (
+ <>
+
+ {children}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/event/page.jsx b/src/app/event/page.jsx
new file mode 100644
index 0000000..2c14f25
--- /dev/null
+++ b/src/app/event/page.jsx
@@ -0,0 +1,6 @@
+import { redirect } from "next/navigation";
+function Page(){
+ redirect("/events");
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/app/form_create/components/loggingout.tsx b/src/app/form_create/components/loggingout.tsx
index 117c5e6..8bc3cec 100644
--- a/src/app/form_create/components/loggingout.tsx
+++ b/src/app/form_create/components/loggingout.tsx
@@ -1,11 +1,10 @@
import React from 'react'
-import Link from 'next/link'
import { SVGProps } from 'react'
import Loader from '@/components/ui/loader'
export function LoggingOut() {
return (
-
+
diff --git a/src/app/home/components/hero-parallax.tsx b/src/app/home/components/hero-parallax.tsx
new file mode 100644
index 0000000..900f44e
--- /dev/null
+++ b/src/app/home/components/hero-parallax.tsx
@@ -0,0 +1,159 @@
+"use client";
+import React from "react";
+import {
+ motion,
+ useScroll,
+ useTransform,
+ useSpring,
+ MotionValue,
+} from "framer-motion";
+import Image from "next/image";
+import Link from "next/link";
+
+export const HeroParallax = ({
+ products,
+}: {
+ products: {
+ title: string;
+ link: string;
+ thumbnail: string;
+ }[];
+}) => {
+ const firstRow = products.slice(0, 5);
+ const secondRow = products.slice(5, 10);
+ const thirdRow = products.slice(10, 15);
+ const ref = React.useRef(null);
+ const { scrollYProgress } = useScroll({
+ target: ref,
+ offset: ["start start", "end start"],
+ });
+
+ const springConfig = { stiffness: 300, damping: 30, bounce: 100 };
+
+ const translateX = useSpring(
+ useTransform(scrollYProgress, [0, 1], [0, 1000]),
+ springConfig
+ );
+ const translateXReverse = useSpring(
+ useTransform(scrollYProgress, [0, 1], [0, -1000]),
+ springConfig
+ );
+ const rotateX = useSpring(
+ useTransform(scrollYProgress, [0, 0.2], [15, 0]),
+ springConfig
+ );
+ const opacity = useSpring(
+ useTransform(scrollYProgress, [0, 0.2], [0.2, 1]),
+ springConfig
+ );
+ const rotateZ = useSpring(
+ useTransform(scrollYProgress, [0, 0.2], [20, 0]),
+ springConfig
+ );
+ const translateY = useSpring(
+ useTransform(scrollYProgress, [0, 0.2], [-700, 500]),
+ springConfig
+ );
+ return (
+
+
+
+
+ {firstRow.map((product) => (
+
+
+ {secondRow.map((product) => (
+
+
+ {thirdRow.map((product) => (
+
+
+
+ );
+};
+
+export const Header = () => {
+ return (
+
+
+ The Ultimate
+
+ We build beautiful products with the latest technologies and frameworks.
+ We are a team of passionate developers and designers that love to build
+ amazing products.
+
+
+ );
+};
+
+export const ProductCard = ({
+ product,
+ translate,
+}: {
+ product: {
+ title: string;
+ link: string;
+ thumbnail: string;
+ };
+ translate: MotionValue
;
+}) => {
+ return (
+
+
+
+ {product.title}
+
+
+ );
+};
diff --git a/src/app/home/layout.tsx b/src/app/home/layout.tsx
index 1bcbaa6..56ca438 100644
--- a/src/app/home/layout.tsx
+++ b/src/app/home/layout.tsx
@@ -1,12 +1,32 @@
import React from 'react';
import Navbar from "@/components/navbar"
import Footer from "@/components/footer"
+<<<<<<< HEAD
+=======
+import type { Metadata } from "next";
+>>>>>>> a53050d3b3abb1d3c6c5c28f33551fa418aba183
interface RootLayoutProps {
children: React.ReactNode;
}
+<<<<<<< HEAD
+=======
+export const metadata: Metadata = {
+ title: "Coding Club IIITV",
+ description: "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
+ openGraph: {
+ title: 'Coding Club IIITV',
+ description: 'IIITV Coding Club Community Website | Workshops | Mentorship | Community',
+ images: ["https://iiitvcc.vercel.app/LinkPreview.png"],
+ type: 'website',
+ locale: 'en_IN',
+ url: 'https://iiitvcc.vercel.app',
+ },
+};
+
+>>>>>>> a53050d3b3abb1d3c6c5c28f33551fa418aba183
export default function RootLayout({ children } : RootLayoutProps) {
return (
<>
@@ -15,4 +35,8 @@ export default function RootLayout({ children } : RootLayoutProps) {
)
-}
\ No newline at end of file
+<<<<<<< HEAD
+}
+=======
+}
+>>>>>>> a53050d3b3abb1d3c6c5c28f33551fa418aba183
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index 882e8ec..c924626 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -1,14 +1,32 @@
+'use client'
import React from "react"
import Link from "next/link"
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@/components/ui/card"
+import { HeroParallax } from "./components/hero-parallax"
+
import Image from "next/image"
+// import { useRef } from 'react';
+// import Spline from '@splinetool/react-spline/next';
+
+// export default function App() {
+// return (
+//
+//
+// );
+// }
+
export default function Home() {
return (
-
-
+
+
+
Unlock Your Coding Potential
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c30d450..491f673 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import "./globals.css";
import { Analytics } from "@vercel/analytics/react"
import { SpeedInsights } from "@vercel/speed-insights/next"
import { cn } from "@/lib/utils"
+import Head from 'next/head';
const inter = Inter({ subsets: ["latin"] });
@@ -23,7 +24,15 @@ const fontBody = Inter({
export const metadata: Metadata = {
title: "Coding Club IIITV",
- description: "IIITV Coding Club Blog Website",
+ description: "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
+ openGraph: {
+ title: 'Coding Club IIITV',
+ description: 'IIITV Coding Club Community Website | Workshops | Mentorship | Community',
+ images: ["https://iiitvcc.vercel.app/LinkPreview.png"],
+ type: 'website',
+ locale: 'en_IN',
+ url: 'https://iiitvcc.vercel.app',
+ },
};
export default function RootLayout({
@@ -33,13 +42,13 @@ export default function RootLayout({
}>) {
return (
-
+