5 | Copyrights © 2023 ASPDC Coding Club, All Rights Reserved
6 |
7 | )
8 | }
--------------------------------------------------------------------------------
/src/app/components/Home/about/About.jsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | import {poppins} from "../../../page"
3 |
4 | import { dosis } from "../../../page";
5 | export default function About(){
6 |
7 | const scrollToTeam=()=>{
8 | window.scrollTo({
9 | top:window.innerHeight,
10 | behavior:"smooth"
11 | })
12 | }
13 | return(
14 |
21 |
22 |
23 |
24 | {""}
25 |
26 |
27 |
28 |
35 |
36 |
37 | { (isSignedIn) &&
38 |
39 |
40 |
41 | {user.firstName}
42 |
43 |
44 |
45 |
47 |
48 | }
49 | {
50 | (!isSignedIn) &&
51 |
52 |
53 | Login
54 |
56 |
57 | }
58 |
59 |
60 | )
61 | }
--------------------------------------------------------------------------------
/src/app/components/ProfilePage.jsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import { TextField ,Select,MenuItem,Button} from "@mui/material"
3 | import { useState } from "react"
4 | import { useForm } from "react-hook-form";
5 | import { yupResolver } from "@hookform/resolvers/yup";
6 | import * as yup from "yup";
7 | import supabase from "../../../supabase";
8 | import { dosis } from "../page";
9 |
10 | export default function RegisterationForm(){
11 |
12 | const schema=yup.object().shape({
13 | enrollment_no:yup.number().required(),
14 | name:yup.string().required(),
15 | leetcode:yup.string(),
16 | codeforces:yup.string(),
17 | codechef:yup.string(),
18 | github:yup.string(),
19 | })
20 | const {register,handleSubmit,formState:{errors}}=useForm({
21 | resolver:yupResolver(schema)
22 | })
23 |
24 |
25 |
26 | const submit = async (data) => {
27 |
28 | const {data:users,errorFetch} = await supabase
29 | .from('userData')
30 | .select('*')
31 |
32 | const checkExistence = users.filter((user) => user.enrollment_no === data.enrollment_no)
33 | const checkExistenceName = users.filter((user) => user.leetcode_handle === data.leetcode)
34 | const checkExistenceCodeforces = users.filter((user) => user.codeforces_handle === data.codeforces)
35 | const checkExistenceCodechef = users.filter((user) => user.codechef_handle === data.codechef)
36 | const checkExistenceGithub = users.filter((user) => user.github_handle === data.github)
37 |
38 | if(checkExistence.length !== 0){
39 | alert("User already exists")
40 | return
41 | }
42 | if(checkExistenceName.length !== 0){
43 | alert("Leetcode handle already exists")
44 | return
45 | }
46 | if(checkExistenceCodeforces.length !== 0){
47 | alert("Codeforces handle already exists")
48 | return
49 | }
50 | if(checkExistenceCodechef.length !== 0){
51 | alert("Codechef handle already exists")
52 | return
53 | }
54 | if(checkExistenceGithub.length !== 0){
55 | alert("Github handle already exists")
56 | return
57 | }
58 |
59 |
60 |
61 | const getCfData=async()=>{
62 | const codeforces = await fetch('../../api/postData',{
63 | method:"POST",
64 | headers:{
65 | "Content-Type":"application/json"
66 | },
67 | body:JSON.stringify({
68 | data:data
69 | })
70 | })
71 | const check=await codeforces.json()
72 | console.log(check,"check")
73 | }
74 |
75 | getCfData()
76 | const {errorInsert} = await supabase
77 | .from('userData')
78 | .insert([
79 | {
80 | enrollment_no:data.enrollment_no,
81 | Name:data.name,
82 | leetcode_handle:data.leetcode,
83 | codeforces_handle:data.codeforces,
84 | codechef_handle:data.codechef,
85 | github_handle:data.github,
86 | }
87 | ])
88 | console.log("hello")
89 | }
90 |
91 |
92 | const [platform,setPlatform] = useState("CSE")
93 |
94 | const selectPlatform = (e) => {
95 | console.log(e.target.value)
96 | setPlatform(e.target.value)
97 |
98 | }
99 |
100 | const [alertMsg,setAlertMsg] = useState("")
101 | const baseAlertStyle = `absolute transition duration-500 top-10 h-[8%] px-10 flex font-semibold justify-center items-center text-center right-4 text-2xl bg-[#00CA08] ${dosis.className} opacity-0 `
102 | const [alertStyle,setAlertStyle] = useState(baseAlertStyle)
103 |
104 | const alerting=async(msg)=>{
105 | setAlertStyle(baseAlertStyle+`opacity-100 transition duration-[2000ms] -translate-x-20 `)
106 | setAlertMsg(msg)
107 | await new Promise(r => setTimeout(r, 4000));
108 | setAlertStyle(baseAlertStyle)
109 | }
110 |
111 |
112 | return(
113 |
114 |
115 |
116 |
170 |
171 |
172 | Click me
173 |
174 |
175 |
176 | Welcome to the Club {}
177 |
178 |
179 |
180 | )
181 | }
--------------------------------------------------------------------------------
/src/app/components/leaderboard/codechef.jsx:
--------------------------------------------------------------------------------
1 | import { DataGrid } from '@mui/x-data-grid';
2 | import { useEffect,useState } from 'react';
3 |
4 | export default function Codeforces(){
5 |
6 | const [codechefData,setCf]=useState([])
7 | const fetchUsers = async () => {
8 | const cfData=await fetch('../../api/codechefData').then(res => res.json())
9 | setCf(cfData)
10 |
11 | }
12 |
13 | useEffect(() => {
14 | fetchUsers()
15 | }, [])
16 |
17 | const columns=[
18 | {field: 'id', headerName: 'Enrollment No', width: 200},
19 | {field: 'username', headerName: 'Username', width: 200},
20 | {field: 'rating', headerName: 'Rating', width: 200},
21 | {field: 'rank', headerName: 'Rank', width: 200},
22 | {field: 'maxRating', headerName: 'Max Rating', width: 200},
23 | {field: 'stars', headerName: 'Stars', width: 200},
24 | ]
25 | const rows=codechefData.map((user,key) => ({
26 | id:user.enrollment_no,
27 | username:user.username,
28 | rating:user.currentRating,
29 | rank:user.globalRank,
30 | maxRating:user.highestRating,
31 | stars:user.stars,
32 | }))
33 |
34 | const [sortModel, setSortModel] = useState([
35 | {
36 | field: 'rating',
37 | sort: 'desc',
38 | },
39 | ]);
40 |
41 | return(
42 |
43 |
44 | setSortModel(model)}
51 | />
52 |
53 | )
54 | }
--------------------------------------------------------------------------------
/src/app/components/leaderboard/codeforces.jsx:
--------------------------------------------------------------------------------
1 | import { DataGrid } from '@mui/x-data-grid';
2 | import { useEffect,useState } from 'react';
3 | import {poppins} from '../../page';
4 | import { useRouter } from 'next/navigation';
5 |
6 | export default function Codeforces(){
7 |
8 | const router = useRouter()
9 | const [cf,setCf]=useState([])
10 | const fetchUsers = async () => {
11 | const temp=await fetch('../../api/codeforcesData')
12 | const cfData=await temp.json()
13 |
14 | console.log(cfData,"cfDataaaaaaaa")
15 | setCf(cfData)
16 |
17 | }
18 |
19 | useEffect(() => {
20 | fetchUsers()
21 | }, [])
22 |
23 | const columns=[
24 | {field: 'id', headerName: 'Enrollment No', width: 200},
25 | {field: 'username', headerName: 'Username', width: 200},
26 | {field: 'rating', headerName: 'Rating', width: 200},
27 | {field: 'rank', headerName: 'Rank', width: 200},
28 | {field: 'maxRating', headerName: 'Max Rating', width: 200},
29 | {field: 'maxRank', headerName: 'Max Rank', width: 200},
30 | ]
31 | const rows=cf.map((user,key) => ({
32 | id:user.enrollment_no,
33 | username:user.username,
34 | rating:user.rating,
35 | rank:user.rank,
36 | maxRating:user.maxRating,
37 | maxRank:user.maxRank,
38 | }))
39 |
40 | const [sortModel, setSortModel] = useState([
41 | {
42 | field: 'rating',
43 | sort: 'desc',
44 | },
45 | ]);
46 |
47 | const [rank, setRank] = useState(true);
48 |
49 | useEffect(() => {
50 | window
51 | .matchMedia("(max-width: 1024px)")
52 | .addEventListener('change', e => setRank(false));
53 | }, []);
54 |
55 |
56 | const goToUserPage = (params) => {
57 | console.log(params.field,"aaaaaaaaaaaaaaa ")
58 | if(params.field==='username'){
59 | router.push(`https://codeforces.com/profile/`+params.value)
60 | }
61 | }
62 |
63 | return(
64 |
65 | setSortModel(model)}
72 | className={`w-fit m-auto ${poppins.className}`}
73 | onColumnHeaderOver={(params) => {
74 | console.log(params,"column header ")
75 | }}
76 | onRow
77 | onCellDoubleClick={goToUserPage}
78 | />
79 |
80 | )
81 | }
--------------------------------------------------------------------------------
/src/app/components/leaderboard/leetcode.jsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | import { DataGrid } from '@mui/x-data-grid';
3 | import { useEffect,useState } from 'react';
4 |
5 | export default function CodeChef(){
6 |
7 |
8 | const [users,setUsers]=useState([])
9 | const fetchUsers = async () => {
10 | setUsers(await fetch('../../api/leetcodeData').then(res => res.json()))
11 | }
12 |
13 | useEffect(() => {
14 | fetchUsers()
15 | }, [])
16 |
17 | const columns=[
18 | {field: 'id', headerName: 'Enrollment No', width: 200},
19 | {field: 'username', headerName: 'Username', width: 200},
20 | {field: 'rank', headerName: 'Rank', width: 200},
21 | {field: 'easySolved', headerName: 'Easy Solved', width: 200},
22 | {field: 'mediumSolved', headerName: 'Medium Solved', width: 200},
23 | {field: 'hardSolved', headerName: 'Hard Solved', width: 200},
24 | {field: 'totalSolved', headerName: 'Total Solved', width: 200},
25 |
26 | ]
27 | const rows=users.map((user,key) => ({
28 | id:user.enrollment_no,
29 | username:user.username,
30 | rank:user.rank,
31 | easySolved:user.easySolved,
32 | mediumSolved:user.mediumSolved,
33 | hardSolved:user.hardSolved,
34 | totalSolved:user.totalSolved
35 | }))
36 | const clickedCell=(e)=>{
37 | console.log(e,"cell clicked")
38 | console.log(e.row.username,"usernamess")
39 | }
40 |
41 | const [sortModel, setSortModel] = useState([
42 | {
43 | field: 'rank',
44 | sort: 'asc',
45 | },
46 | ]);
47 | return(
48 |
49 | setSortModel(model)}
56 | onRowClick={(e)=>clickedCell(e)}
57 | />
58 |
59 | )
60 | }
--------------------------------------------------------------------------------
/src/app/components/sorting.jsx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aspdc/aspdc-website/77573d5e33695863b6e49f5caffd0eb20ac4f745/src/app/components/sorting.jsx
--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aspdc/aspdc-website/77573d5e33695863b6e49f5caffd0eb20ac4f745/src/app/favicon.ico
--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/src/app/layout.jsx:
--------------------------------------------------------------------------------
1 | import './globals.css'
2 | import Navbar from './components/Navbar'
3 | import { ClerkProvider } from '@clerk/nextjs'
4 | import { Inter } from 'next/font/google'
5 | import NextTopLoader from 'nextjs-toploader';
6 |
7 |
8 | const inter = Inter({ subsets: ['latin'] })
9 |
10 | export const metadata = {
11 | title: 'Create Next App',
12 | description: 'Generated by create next app',
13 | }
14 |
15 | export default function RootLayout({ children }) {
16 | return (
17 |
18 |
19 |
20 |
27 | )
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/page.jsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import Hero from "./components/Home/hero/Hero"
3 | import Team from "./components/Home/team/Team"
4 |
5 | import { Poppins,Dosis } from "next/font/google";
6 | export const poppins=Poppins({
7 | subsets: ['latin'],
8 | weight: ["400"],
9 | })
10 |
11 | export const dosis = Dosis({ subsets: ['latin'] })
12 |
13 | export default function Home() {
14 | return(
15 |
16 |
20 | )
21 | }
--------------------------------------------------------------------------------
/src/app/pages/events/page.jsx:
--------------------------------------------------------------------------------
1 | import {exec,spawn,fork} from 'child_process'
2 |
3 |
4 | export default async function Events() {
5 |
6 | const data=await fetch('http://localhost:3000/api/new')
7 | const json=await data.json()
8 | console.log(json,"json")
9 |
10 | // exec("testing_supabase.py",(err,stdout,stderr)=>{
11 | // if(err){
12 | // console.log(err)
13 | // }
14 | // console.log(stdout)
15 | // })
16 |
17 |
18 | return(
19 |
20 |
21 | Loading {json.name}
22 |
23 |
24 |
25 |
26 | )
27 | }
--------------------------------------------------------------------------------
/src/app/pages/gallery/page.jsx:
--------------------------------------------------------------------------------
1 | export default function Gallery() {
2 | return(
3 |
4 | Gallery
5 |
6 | )
7 | }
--------------------------------------------------------------------------------
/src/app/pages/home/page.jsx:
--------------------------------------------------------------------------------
1 | import About from "../../components/Home/about/About"
2 | import Hero from "../../components/Home/hero/Hero"
3 | import Team from "../../components/Home/team/Team"
4 |
5 | export default function Home() {
6 |
7 |
8 | return(
9 |
14 | )
15 | }
--------------------------------------------------------------------------------
/src/app/pages/leaderboard/loading.jsx:
--------------------------------------------------------------------------------
1 | import LoadingPage from '../../components/LoadingPage';
2 | export default function Loading() {
3 | return (
4 |
5 | )
6 | }
--------------------------------------------------------------------------------
/src/app/pages/leaderboard/page.jsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import { useState } from "react"
3 | import { Button,InputLabel,Select,MenuItem,FormControl } from "@mui/material"
4 | import Navbar from "../../components/Navbar"
5 | import Link from "next/link"
6 | import {poppins} from "../../page"
7 | import Codeforces from "@/app/components/leaderboard/codeforces"
8 | import Leetcode from "@/app/components/leaderboard/leetcode"
9 | import Codechef from "@/app/components/leaderboard/codechef"
10 | import Loading from "@/app/components/LoadingPage"
11 | import { Inter, Roboto_Mono } from 'next/font/google'
12 |
13 | export const inter = Inter({
14 | subsets: ['latin'],
15 | display: 'swap',
16 | })
17 |
18 |
19 | export default function Leaderboard() {
20 |
21 | const [platform,setPlatform] = useState("Codeforces")
22 | const selectPlatform = (e) => {
23 | setPlatform(e.target.value)
24 | }
25 |
26 | return(
27 |
28 |
29 |
30 |
35 |
36 |
37 |
38 |
39 | platform
40 |
48 | Codechef
49 | Codeforces
50 | leetcode
51 | hackerrank
52 | hackerearth
53 |
54 |
55 |
56 |
57 |
59 | Register
60 |
61 |
62 |
63 |
64 |
65 |
66 | { platform==="Codeforces" &&
67 |
79 |
80 |
81 |
82 | )
83 | }
--------------------------------------------------------------------------------
/src/app/pages/profile/page.jsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | import UserNames from "@/app/components/ProfilePage"
3 | import MemberCard from "@/app/components/Home/team/MemberCard"
4 | import { useRef } from "react"
5 | import {AiFillFacebook,AiFillInstagram,AiOutlineTwitter} from "react-icons/ai"
6 | import Link from "next/link"
7 | import { useInView } from "react-intersection-observer"
8 | export default function Register() {
9 | const username = useRef(null)
10 |
11 | const check = (e) => {
12 | e.preventDefault()
13 | console.log(username.current.value)
14 | }
15 |
16 | return (
17 |
18 |
19 |
20 | {/*
21 |
Leetcode
22 |
codeforces
23 |
codechef
24 |
github
25 |
*/}
26 | {/*
*/}
27 |
28 | )}
--------------------------------------------------------------------------------
/src/app/pages/projects/page.jsx:
--------------------------------------------------------------------------------
1 | export default function Projects() {
2 | return(
3 |
4 | Projects
5 |
6 | )
7 | }
--------------------------------------------------------------------------------
/src/app/pages/resources/page.jsx:
--------------------------------------------------------------------------------
1 | export default function Resources() {
2 | return(
3 |
4 | Resources
5 |
6 | )
7 | }
--------------------------------------------------------------------------------
/src/app/sign-in/[[...sign-in]]/page.jsx:
--------------------------------------------------------------------------------
1 | import { SignIn } from "@clerk/nextjs";
2 |
3 | export default function Page() {
4 | return(
5 |
6 |
8 | )
9 | }
--------------------------------------------------------------------------------
/src/app/sign-up/[[...sign-up]]/page.jsx:
--------------------------------------------------------------------------------
1 | import { SignUp } from "@clerk/nextjs";
2 |
3 | export default function Page() {
4 | return (
5 |
6 |
8 | )
9 | }
--------------------------------------------------------------------------------
/src/middleware.js:
--------------------------------------------------------------------------------
1 | // import { authMiddleware } from "@clerk/nextjs";
2 |
3 | // // This example protects all routes including api/trpc routes
4 | // // Please edit this to allow other routes to be public as needed.
5 | // // See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your Middleware
6 | // export default authMiddleware({});
7 |
8 | // export const config = {
9 | // matcher: ['/((?!.+\\.[\\w]+$|_next).*)', '/', '/(api|trpc)(.*)'],
10 | // };
11 | import { NextResponse } from "next/server";
12 | export function middleware(req) {
13 | const origin = req.headers.get('origin')
14 | console.log(origin)
15 |
16 | console.log("Middleware!");
17 |
18 | console.log(req.method)
19 | console.log(req.url)
20 | return NextResponse.next()
21 | }
22 |
23 | export const config = {
24 | matcher:"/api/:path*",
25 | matcher:"/lib/:path*",
26 | }
--------------------------------------------------------------------------------
/src/utils/get-item.js:
--------------------------------------------------------------------------------
1 | // import { createClient } from "@supabase/supabase-js"
2 | import supabase from "../../supabase"
3 |
4 | // import { cache } from 'react'
5 |
6 | // export const revalidate = 3600 // revalidate the data at most every hour
7 |
8 |
9 | export const getItem = async () => {
10 | const item = await supabase.from('userData').select()
11 | return item
12 | }
--------------------------------------------------------------------------------
/supabase.js:
--------------------------------------------------------------------------------
1 | import { createClient } from '@supabase/supabase-js'
2 |
3 | const url=process.env.NEXT_PUBLIC_SUPABASE_URL
4 | const key=process.env.NEXT_PUBLIC_SUPABASE_KEY
5 |
6 | const supabase = createClient(url,key)
7 |
8 | export default supabase
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: [
4 | './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
5 | './src/components/**/*.{js,ts,jsx,tsx,mdx}',
6 | './src/app/**/*.{js,ts,jsx,tsx,mdx}',
7 | ],
8 | theme: {
9 | extend: {
10 | animation: {
11 | 'spin-slow': 'spin 1.2s linear infinite',
12 | 'pulse-once': 'pulse 1s linear 1',
13 | },
14 | screens: {
15 | '1920': '1920px',
16 | // => @media (min-width: 640px) { ... }
17 |
18 | // 'laptop': '1024px',
19 | // => @media (min-width: 1024px) { ... }
20 |
21 | // 'desktop': '1280px',
22 | // => @media (min-width: 1280px) { ... }
23 | },
24 | },
25 | },
26 | plugins: [],
27 | }
28 |
--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "crons" : [
3 | {
4 | "path": "/api/cron",
5 | "schedule": "13 13 * * *"
6 | }
7 | ]
8 | }
--------------------------------------------------------------------------------
39 |