7 |
39 |
8 |
25 |
26 |
27 |
38 | Oops! Page not found.
28 |29 | The page you're looking for doesn't exist or has been moved. Let's get you back on track. 30 |
31 | 35 | Go to Home 36 | 37 |
8 |
16 | );
17 | };
18 |
19 | export default Custom400;
20 |
--------------------------------------------------------------------------------
/app/_error.tsx:
--------------------------------------------------------------------------------
1 | // app/error.tsx
2 | import React from "react";
3 |
4 | interface ErrorProps {
5 | statusCode: number;
6 | message?: string;
7 | }
8 |
9 | const ErrorPage: React.FC400 - Bad Request
9 |10 | The data could not be fetched, please reload the page or check the URL. 11 |
12 | 13 | Go back to Home 14 | 15 |
22 |
24 | );
25 | };
26 |
27 | export default ErrorPage;
28 |
--------------------------------------------------------------------------------
/app/api/og/route.tsx:
--------------------------------------------------------------------------------
1 | import { ImageResponse } from "next/og";
2 |
3 | export const runtime = "edge";
4 |
5 | export async function GET(request: Request) {
6 | const fontData = await fetch(
7 | new URL("/public/assets/Roboto-Bold.ttf", import.meta.url)
8 | ).then((res) => res.arrayBuffer());
9 |
10 | const italicData = await fetch(
11 | new URL("/public/assets/Roboto-Italic.ttf", import.meta.url)
12 | ).then((res) => res.arrayBuffer());
13 | try {
14 | const { searchParams } = new URL(request.url);
15 |
16 | const hasTitle = searchParams.has("username");
17 | const title = hasTitle
18 | ? searchParams.get("username")?.slice(0, 100)
19 | : "My website";
20 |
21 | return new ImageResponse(
22 | (
23 | {errorMessage}
23 |
35 |
79 | ),
80 | {
81 | fonts: [
82 | {
83 | name: "Typewriter",
84 | data: fontData,
85 | style: "normal",
86 | },
87 | {
88 | name: "italic",
89 | data: italicData,
90 | style: "normal",
91 | },
92 | ],
93 | }
94 | );
95 | } catch (e: any) {
96 | return new Response("Failed to generate OG image", { status: 500 });
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
/app/api/users/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 | import axios from "axios";
3 | import { supabaseBrowser } from "@/utils/supabase/client";
4 | import redis from "@/lib/redis";
5 | import { CACHE_TTL } from "@/lib/consts";
6 |
7 | const supabase = supabaseBrowser();
8 |
9 | const getFromCache = async (key: string) => {
10 | const cachedData = await redis.get(key) as any;
11 | if (cachedData) {
12 | console.log("LOADED FROM CACHE");
13 | return JSON.parse(cachedData);
14 | }
15 | return null;
16 | };
17 |
18 | const setInCache = async (key: string, data: any, expirationSeconds: number) => {
19 | await redis.set(key, JSON.stringify(data), {
20 | ex: expirationSeconds,
21 | });
22 | };
23 |
24 | export async function POST(request: NextRequest) {
25 | try {
26 | const { git_username } = await request.json();
27 |
28 | if (!git_username) {
29 | return new Response("Username is required", { status: 400 });
30 | }
31 |
32 | const { data: existingUser, error: existingUserError } = await supabase
33 | .from("recent_users")
34 | .select("*")
35 | .eq("username", git_username)
36 | .single();
37 |
38 | if (existingUserError && existingUserError.code !== "PGRST116") {
39 | throw new Error(existingUserError.message);
40 | }
41 |
42 | if (existingUser) {
43 | return new Response("Username already exists", { status: 200 });
44 | }
45 |
46 | const response = await axios.get(`https://api.github.com/users/${git_username}`, {
47 | headers: {
48 | Authorization: `Bearer ${process.env.NEXT_PUBLIC_GITHUB_TOKEN}`,
49 | Accept: "application/vnd.github+json",
50 | },
51 | });
52 |
53 | const userData = {
54 | name: response.data.name || "",
55 | avatar_url: response.data.avatar_url || "",
56 | bio: response.data.bio || "",
57 | username: response.data.login || "",
58 | };
59 |
60 | if (!userData.username) {
61 | console.log("Data is NULL. User is rate-limited by GitHub");
62 | return new Response("Data is NULL. You are rate-limited, please try again later.", { status: 500 });
63 | }
64 |
65 | const { data, error } = await supabase
66 | .from("recent_users")
67 | .insert([
68 | {
69 | username: userData.username,
70 | name: userData.name,
71 | bio: userData.bio,
72 | avatar_url: userData.avatar_url,
73 | },
74 | ]);
75 |
76 | if (error) {
77 | throw new Error(error.message);
78 | }
79 |
80 | return new Response("Username added successfully", { status: 200 });
81 | } catch (error) {
82 | console.error("Error:", error);
83 |
84 | if (error instanceof Error) {
85 | return new Response(error.message || "Internal Server Error", { status: 500 });
86 | }
87 |
88 | return new Response("Unexpected Error", { status: 500 });
89 | }
90 | }
91 |
92 | export async function GET() {
93 | const cacheKey = "recent-users";
94 | try {
95 | const cachedUsers = await getFromCache(cacheKey);
96 |
97 | if (cachedUsers) {
98 | return new Response(JSON.stringify(cachedUsers), {
99 | status: 200,
100 | headers: { "Content-Type": "application/json" },
101 | });
102 | }
103 |
104 | const { data: users, error } = await supabase
105 | .from("recent_users")
106 | .select("*")
107 | .order("id", { ascending: false })
108 | .limit(7);
109 |
110 | if (error) {
111 | return new Response(
112 | JSON.stringify({
113 | err_message: error.message,
114 | details: error.details,
115 | error_code: error.code,
116 | }),
117 | { status: 500, headers: { "Content-Type": "application/json" } }
118 | );
119 | }
120 |
121 | await setInCache(cacheKey, users, CACHE_TTL);
122 |
123 | return new Response(JSON.stringify(users), {
124 | status: 200,
125 | headers: { "Content-Type": "application/json" },
126 | });
127 | } catch (error) {
128 | console.error("Error fetching users:", error);
129 |
130 | if (error instanceof Error) {
131 | return new Response(error.message || "Internal Server Error", { status: 500 });
132 | }
133 |
134 | return new Response("Unexpected Error", { status: 500 });
135 | }
136 | }
137 |
--------------------------------------------------------------------------------
/app/auth/callback/route.ts:
--------------------------------------------------------------------------------
1 | import { cookies } from "next/headers";
2 | import { NextResponse } from "next/server";
3 | import { type CookieOptions, createServerClient } from "@supabase/ssr";
4 |
5 | export async function GET(request: Request) {
6 | const { searchParams, origin } = new URL(request.url);
7 | const code = searchParams.get("code");
8 |
9 | // If "next" parameter is present, use it as the redirect URL; otherwise, default to "/"
10 | const next = searchParams.get("next") ?? "/";
11 |
12 | if (code) {
13 | const cookieStore = cookies();
14 |
15 | // Create a Supabase client with the necessary credentials and cookie management
16 | const supabase = createServerClient(
17 | process.env.NEXT_PUBLIC_SUPABASE_URL!,
18 | process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
19 | {
20 | cookies: {
21 | get(name: string) {
22 | return cookieStore.get(name)?.value;
23 | },
24 | // Set a cookie with options
25 | set(name: string, value: string, options: CookieOptions) {
26 | cookieStore.set({ name, value, ...options });
27 | },
28 | remove(name: string, options: CookieOptions) {
29 | cookieStore.delete({ name, ...options });
30 | },
31 | },
32 | }
33 | );
34 |
35 | // Authorization code exchange for a session
36 | const { error } = await supabase.auth.exchangeCodeForSession(code);
37 |
38 | if (!error) {
39 | return NextResponse.redirect(`${origin}${next}`);
40 | }
41 | }
42 |
43 | return NextResponse.redirect(`${origin}/?error=User cancelled login.`);
44 | }
45 |
--------------------------------------------------------------------------------
/app/compare/action.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 |
3 | import { supabaseServer } from "@/utils/supabase/server";
4 |
5 | const supabase = supabaseServer();
6 |
7 | export async function fetchSuggestions() {
8 | try {
9 | const { data, error } = await supabase.from("recent_users")
10 | .select("*", { count: "exact" })
11 | .neq("rating", "-0.1")
12 | .order("rating", { ascending: false })
13 |
14 | if (error) throw error;
15 |
16 | return data;
17 | } catch (error) {
18 | throw error;
19 | }
20 | }
21 |
22 |
23 | export async function createUser(username: string) {
24 | try {
25 | const { data, error } = await supabase.from("recent_users")
26 | .insert([{ username }])
27 |
28 | if (error) throw error;
29 |
30 | return data;
31 | } catch (error) {
32 | throw error;
33 | }
34 | }
--------------------------------------------------------------------------------
/app/cover-letter/page.tsx:
--------------------------------------------------------------------------------
1 | import CoverLetter from "@/components/cover-letter";
2 | import { supabaseServer } from "@/utils/supabase/server";
3 | import React from "react";
4 |
5 | export default async function Page() {
6 | const supabase = supabaseServer();
7 | const { data } = await supabase.auth.getUser();
8 |
9 | return (
10 | 43 | git-re 44 |
45 |53 | Level up your resume game with 54 | 61 | git-re 62 | {" "} 63 | , 64 |
65 |66 | Just like{" "} 67 | 74 | {title} 75 | 76 | did. Get started now! 77 |
78 |
11 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ashutosh-rath02/git-re/49942165e783195382f8fb3f3463b3e8a89da04f/app/favicon.ico
--------------------------------------------------------------------------------
/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 | body {
5 | scrollbar-width: thin;
6 | scrollbar-color: #051129 #2e2e2ed7;
7 | }
8 | ::-webkit-scrollbar {
9 | width: 12px;
10 | }
11 | ::-webkit-scrollbar-track {
12 | background: #2e2e2ed7;
13 | }
14 | ::-webkit-scrollbar-thumb {
15 | background: #051129;
16 | border-radius: 20px;
17 | border: 3px solid #2e2e2ed7;
18 | }
19 |
20 | ::-webkit-scrollbar-thumb:hover {
21 | background: #0d214a;
22 | }
23 |
24 | @layer base {
25 | :root {
26 | --background: 0 0% 100%;
27 | --foreground: 222.2 84% 4.9%;
28 | --card: 0 0% 100%;
29 | --card-foreground: 222.2 84% 4.9%;
30 | --popover: 0 0% 100%;
31 | --popover-foreground: 222.2 84% 4.9%;
32 | --primary: 221.2 83.2% 53.3%;
33 | --primary-foreground: 210 40% 98%;
34 | --secondary: 210 40% 96.1%;
35 | --secondary-foreground: 222.2 47.4% 11.2%;
36 | --muted: 210 40% 96.1%;
37 | --muted-foreground: 215.4 16.3% 46.9%;
38 | --accent: 210 40% 96.1%;
39 | --accent-foreground: 222.2 47.4% 11.2%;
40 | --destructive: 0 84.2% 60.2%;
41 | --destructive-foreground: 210 40% 98%;
42 | --border: 214.3 31.8% 91.4%;
43 | --input: 214.3 31.8% 91.4%;
44 | --ring: 221.2 83.2% 53.3%;
45 | --radius: 0.75rem;
46 | }
47 |
48 | .dark {
49 | --background: 222.2 84% 4.9%;
50 | --foreground: 210 40% 98%;
51 | --card: 222.2 84% 4.9%;
52 | --card-foreground: 210 40% 98%;
53 | --popover: 222.2 84% 4.9%;
54 | --popover-foreground: 210 40% 98%;
55 | --primary: 217.2 91.2% 59.8%;
56 | --primary-foreground: 222.2 47.4% 11.2%;
57 | --secondary: 217.2 32.6% 17.5%;
58 | --secondary-foreground: 210 40% 98%;
59 | --muted: 217.2 32.6% 17.5%;
60 | --muted-foreground: 215 20.2% 65.1%;
61 | --accent: 217.2 32.6% 17.5%;
62 | --accent-foreground: 210 40% 98%;
63 | --destructive: 0 62.8% 30.6%;
64 | --destructive-foreground: 210 40% 98%;
65 | --border: 217.2 32.6% 17.5%;
66 | --input: 217.2 32.6% 17.5%;
67 | --ring: 224.3 76.3% 48%;
68 | }
69 | }
70 |
71 | @layer base {
72 | * {
73 | @apply border-border;
74 | }
75 | body {
76 | @apply bg-background text-foreground;
77 | }
78 | }
79 |
80 | .loader-container {
81 | position: relative;
82 | width: 120px;
83 | height: 80px;
84 | display: flex;
85 | justify-content: space-between;
86 | align-items: center;
87 | }
88 |
89 | .ball {
90 | width: 20px;
91 | height: 20px;
92 | border-radius: 50%;
93 | animation: bounce 1s ease-in-out infinite alternate,
94 | changeColor 2s linear infinite;
95 | }
96 |
97 | .ball1 {
98 | animation-duration: 1.5s;
99 | }
100 | .ball2 {
101 | }
102 | .ball3 {
103 | animation-duration: 0.8s;
104 | }
105 |
106 | .scroll-bar::-webkit-scrollbar {
107 | width: 10px;
108 | scrollbar-width: none;
109 | }
110 |
111 | .scroll-bar::-webkit-scrollbar-track {
112 | -webkit-box-shadow: inset 0 0 6px #3576df;
113 | border-radius: 10px;
114 |
115 | border-left: 3px solid transparent;
116 | border-right: 3px solid transparent;
117 | }
118 |
119 | .scroll-bar::-webkit-scrollbar-thumb {
120 | border-radius: 20px;
121 | background-color: #3576df;
122 | }
123 |
124 | .scroll-bar::-webkit-scrollbar-thumb:hover {
125 | background-color: #2558a6;
126 | }
127 |
128 | .scroll-bar:hover::-webkit-scrollbar {
129 | scrollbar-width: auto;
130 | }
131 |
132 | @keyframes bounce {
133 | 0%,
134 | 100% {
135 | transform: translateY(0);
136 | }
137 | 50% {
138 | transform: translateY(-30px);
139 | }
140 | }
141 |
142 | @keyframes changeColor {
143 | 0%,
144 | 100% {
145 | background-color: #3498db;
146 | }
147 | 50% {
148 | background-color: #e74c3c;
149 | }
150 | }
151 |
152 | @keyframes spin {
153 | 0% {
154 | transform: rotate(0deg);
155 | }
156 | 100% {
157 | transform: rotate(360deg);
158 | }
159 | }
160 |
161 | .loader1 {
162 | border: 4px solid rgba(255, 255, 255, 0.3);
163 | border-top: 4px solid #3498db;
164 | border-radius: 50%;
165 | width: 24px;
166 | height: 24px;
167 | animation: spin 2s linear infinite;
168 | }
169 |
--------------------------------------------------------------------------------
/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { Inter } from "next/font/google";
3 | import "./globals.css";
4 | import { ThemeProvider } from "@/components/theme-provider";
5 | import Navbar from "@/components/navbar";
6 | import Footer from "@/components/footer";
7 | import { Analytics } from "@vercel/analytics/react";
8 | import { Toaster } from "@/components/ui/toaster";
9 | import { SpeedInsights } from "@vercel/speed-insights/next";
10 | import NextTopLoader from "nextjs-toploader";
11 | const inter = Inter({ subsets: ["latin"] });
12 |
13 | export const metadata: Metadata = {
14 | title: "git-re",
15 | description: "Generate your GitHub profile into a resume effortlessly.",
16 | generator: "Next.js",
17 | applicationName: "git-re",
18 | referrer: "origin-when-cross-origin",
19 | keywords: [
20 | "Next.js",
21 | "React",
22 | "JavaScript",
23 | "resume",
24 | "github",
25 | "profile",
26 | "generator",
27 | "project",
28 | ],
29 | authors: [
30 | { name: "Ashutosh Rath", url: "https://github.com/ashutosh-rath02" },
31 | ],
32 | creator: "Ashutosh Rath",
33 | formatDetection: {
34 | email: false,
35 | address: false,
36 | telephone: false,
37 | },
38 | metadataBase: new URL(new URL(process.env.NEXT_PUBLIC_URL!)),
39 | openGraph: {
40 | title: "git-re",
41 | description: "Generate your GitHub profile into a resume effortlessly.",
42 | url: "https://git-re.vercel.app/",
43 | siteName: "git-re",
44 | images: [
45 | {
46 | url: "https://res.cloudinary.com/dhnkuonev/image/upload/v1707138008/Screenshot_2024-02-05_182909_kajlun.png",
47 | width: 800,
48 | height: 600,
49 | },
50 | {
51 | url: "https://res.cloudinary.com/dhnkuonev/image/upload/v1707138008/Screenshot_2024-02-05_182909_kajlun.png",
52 | width: 1800,
53 | height: 1600,
54 | alt: "git-re",
55 | },
56 | ],
57 | },
58 | twitter: {
59 | card: "summary_large_image",
60 | title: "git-re",
61 | description: "Generate your GitHub profile into a resume effortlessly.",
62 | creator: "@v_ashu_dev",
63 | images: [
64 | "https://res.cloudinary.com/dhnkuonev/image/upload/v1707138008/Screenshot_2024-02-05_182909_kajlun.png",
65 | ],
66 | },
67 | };
68 |
69 | export default function RootLayout({
70 | children,
71 | }: {
72 | children: React.ReactNode;
73 | }) {
74 | return (
75 |
76 |
77 |
85 |
89 | {children}
87 |
88 |
46 |
95 | {/*
47 |
48 |
49 |
50 |
51 |
68 | 52 | 53 | git-re 54 | 55 |
56 |57 | Elevate your 58 | 59 | GitHub 60 | 61 | to a dynamic 62 | 63 | resume 64 | 65 | effortlessly. 66 |
67 |
75 | {data.user ? (
76 |
77 | ) : (
78 |
94 |
81 |
85 | 
91 |
92 |
93 |
91 |
92 |
96 |
*/}
109 |
97 |
107 | 101 | Here are some of our recent{" "} 102 | 103 | users 104 | 105 |
106 |
113 |
115 |
23 |
25 | );
26 | };
27 |
28 | ErrorPage.getInitialProps = async ({
29 | res,
30 | err,
31 | }: NextPageContext): Promise{errorMessage}
24 |
40 |
84 | ),
85 | {
86 | ...size,
87 | fonts: [
88 | {
89 | name: "Typewriter",
90 | data: fontData,
91 | style: "normal",
92 | },
93 | {
94 | name: "italic",
95 | data: italicData,
96 | style: "normal",
97 | },
98 | ],
99 | }
100 | );
101 | }
102 |
--------------------------------------------------------------------------------
/app/resume/[username]/page.tsx:
--------------------------------------------------------------------------------
1 | import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
2 | import React from "react";
3 | import { cookies } from "next/headers";
4 | import { redirect } from "next/navigation";
5 | import { Metadata } from "next";
6 | import Head from "next/head";
7 | import { NewResume } from "@/components/new-resume";
8 |
9 | type Props = {
10 | params: { username: string };
11 | searchParams: { [key: string]: string | string[] | undefined };
12 | };
13 |
14 | export async function generateMetadata({ params }: Props): Promise48 | git-re 49 |
50 |58 | Level up your resume game with 59 | 66 | git-re 67 | {" "} 68 | , 69 |
70 |71 | Just like{" "} 72 | 79 | {username} 80 | 81 | did. Get started now! 82 |
83 |
58 |
60 | );
61 | }
62 |
--------------------------------------------------------------------------------
/app/resume/[username]/twitter-image.tsx:
--------------------------------------------------------------------------------
1 | import { ImageResponse } from "next/og";
2 |
3 | export const runtime = "edge";
4 | export const alt = "Git-re OG Image";
5 | export const size = {
6 | width: 1200,
7 | height: 630,
8 | };
9 |
10 | export const contentType = "image/png";
11 | export default async function Image(props: {
12 | params: {
13 | username: string;
14 | };
15 | }) {
16 | const fontData = await fetch(
17 | new URL("/public/assets/Roboto-Bold.ttf", import.meta.url)
18 | ).then((res) => res.arrayBuffer());
19 |
20 | const italicData = await fetch(
21 | new URL("/public/assets/Roboto-Italic.ttf", import.meta.url)
22 | ).then((res) => res.arrayBuffer());
23 |
24 | const { username } = props.params;
25 |
26 | return new ImageResponse(
27 | (
28 |
40 |
84 | ),
85 | {
86 | ...size,
87 | fonts: [
88 | {
89 | name: "Typewriter",
90 | data: fontData,
91 | style: "normal",
92 | },
93 | {
94 | name: "italic",
95 | data: italicData,
96 | style: "normal",
97 | },
98 | ],
99 | }
100 | );
101 | }
102 |
--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "new-york",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.js",
8 | "css": "app/globals.css",
9 | "baseColor": "zinc",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "@/components",
15 | "utils": "@/lib/utils"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/components/AboutProduct.jsx:
--------------------------------------------------------------------------------
1 | const AboutProduct = ({ username }) => {
2 | const profileLink = `https://github.com/${username}`;
3 |
4 | return (
5 | 48 | git-re 49 |
50 |58 | Level up your resume game with 59 | 66 | git-re 67 | {" "} 68 | , 69 |
70 |71 | Just like{" "} 72 | 79 | {username} 80 | 81 | did. Get started now! 82 |
83 |
6 |
35 | );
36 | };
37 | export default AboutProduct;
38 |
--------------------------------------------------------------------------------
/components/AuthButton.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React, { useState } from "react";
3 | import { Button } from "./ui/button";
4 | import { supabaseBrowser } from "@/utils/supabase/client";
5 | import { User } from "@supabase/supabase-js";
6 | import { usePathname, useRouter } from "next/navigation";
7 | import { IconCubeUnfolded, IconLogout } from "@tabler/icons-react";
8 | import { cn } from "@/lib/utils";
9 | import Link from "next/link";
10 |
11 | type AuthButtonProps = {
12 | // Null if not authenticated
13 | user: User | null;
14 | height?: number;
15 | width?: number;
16 | className?: string;
17 | };
18 |
19 | export default function AuthButton({
20 | user,
21 | height,
22 | width,
23 | className,
24 | }: AuthButtonProps) {
25 | const router = useRouter();
26 | const pathname = usePathname();
27 | const [isLoading, setLoading] = useState(false);
28 |
29 | const handleLoginWithGithub = () => {
30 | const supabase = supabaseBrowser();
31 | setLoading(true);
32 | supabase.auth.signInWithOAuth({
33 | provider: "github",
34 | options: {
35 | redirectTo: location.origin + "/auth/callback",
36 | },
37 | });
38 | };
39 |
40 | const handleLogout = async () => {
41 | setLoading(true);
42 | const supabase = supabaseBrowser();
43 | await supabase.auth.signOut();
44 | // Refresh the router to update the UI
45 | router.refresh();
46 | setLoading(false);
47 | };
48 |
49 | return user ? (
50 | <>
51 | {pathname.includes("resume") && (
52 |
57 | Cover-Letter
58 |
59 | )}
60 |
69 |
70 | ) : (
71 |
80 | );
81 | }
82 |
--------------------------------------------------------------------------------
/components/ContributionGraph.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 | import Image from "next/image";
3 | import React from "react";
4 |
5 | interface ContributionGraphProps {
6 | username: string;
7 | }
8 |
9 | const ContributionGraph: React.FC7 | Discover more about this developer's journey on 8 | 14 | GitHub 15 | 16 | . 17 |
18 |19 | This résumé is auto-generated, showcasing the synergy between data and 20 | design. 21 |
22 |23 | Crafted with 💙 by{" "} 24 | 30 | Vasudev 31 | 32 | 🪶 33 |
34 |
14 | 
22 |
23 | );
24 | };
25 |
26 | export default ContributionGraph;
27 |
--------------------------------------------------------------------------------
/components/Contributions.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import { fetchContributions } from "@/utils/resumeUtils";
3 |
4 | interface ContributionsProps {
5 | username: string;
6 | contributionCount: number;
7 | }
8 |
9 | const Contributions: React.FC15 | Contribution Graph 16 |
17 |
38 |
68 | );
69 | };
70 |
71 | export default Contributions;
72 |
--------------------------------------------------------------------------------
/components/CopyLinkBtn.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode, useState } from "react";
2 | import { cn } from "@/lib/utils";
3 | import { toast } from "@/components/ui/use-toast";
4 | import { CheckCircledIcon, CheckIcon } from "@radix-ui/react-icons";
5 |
6 | interface CopyLinkProps {
7 | url: string;
8 | children: ReactNode;
9 | className: string;
10 | }
11 |
12 | const CopyLinkBtn: React.FC39 | Contributions 40 |
41 |-
42 | {contributions.map((contribution: any, index: any) => (
43 |
-
44 |
50 | {contribution.organizationName}/{contribution.repository}{" "}
51 |
52 |
53 | has contributed to {contribution.repository}{" "} 54 | with 55 | 61 | {contribution.commitCount} commit(s) 62 | 63 |
64 |
65 | ))}
66 |
35 |
36 |
37 |
41 |
42 |
43 |
123 |
124 |
125 | );
126 | };
127 |
128 | export default CustomisationDrawer;
129 |
--------------------------------------------------------------------------------
/components/Faq.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React, { use, useState } from "react";
3 | import {
4 | Accordion,
5 | AccordionContent,
6 | AccordionItem,
7 | AccordionTrigger,
8 | } from "@/components/ui/accordion";
9 | import faqs from "../config/content/faqs";
10 | const Faq = () => {
11 | return (
12 | <>
13 |
44 |
45 | Resume Customization
46 |
47 | Customize how your resume is generated
48 |
49 |
50 |
117 |
118 |
119 |
120 |
121 |
122 |
51 |
116 |
52 |
64 |
83 |
65 |
72 |
82 |
66 | {contributions}
67 |
68 |
69 | Contributions
70 |
71 |
84 |
96 |
115 |
97 |
104 |
114 |
98 | {organisations}
99 |
100 |
101 | ORGANISATIONS
102 |
103 | FAQs
14 |
15 |
16 | {faqs.map((faq, index) => (
17 |
18 | {faq.question}
19 | {faq.answer}
20 |
21 | ))}
22 |
23 |
24 |
25 | );
26 | };
27 |
28 | export default Faq;
29 |
--------------------------------------------------------------------------------
/components/Form.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import React, { FormEvent, useState } from "react";
3 | import { Button } from "@/components/ui/button";
4 | import { Input } from "@/components/ui/input";
5 | import { useRouter } from "next/navigation";
6 | import { toast, useToast } from "@/components/ui/use-toast";
7 | import axios from "axios";
8 |
9 | export default function Form() {
10 | const [username, setUsername] = useState
85 |
107 |
108 | );
109 | }
110 |
--------------------------------------------------------------------------------
/components/GitHubStarCount.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { useEffect, useState } from 'react';
4 |
5 | interface GitHubStarCountProps {
6 | repoUrl: string;
7 | }
8 |
9 | const GitHubStarCount: React.FC
11 | {!menuOpen ? (
12 | setMenuOpen((prev) => !prev)}
15 | />
16 | ) : (
17 | {
20 | setMenuOpen((prev) => !prev);
21 | }}
22 | />
23 | )}
24 | {menuOpen && (
25 |
55 | );
56 | };
57 |
58 | export default Hamburger;
59 |
--------------------------------------------------------------------------------
/components/LanguageChart.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Language } from "../types";
3 |
4 | interface LanguageBarChartProps {
5 | languages: Language[] | undefined;
6 | }
7 |
8 | const LanguageBarChart: React.FC
26 |
53 | )}
54 |
27 |
31 | Testimonials
32 |
33 |
34 |
35 |
40 | Leaderboard
41 |
42 |
43 |
44 |
49 | Compare
50 |
51 |
52 |
13 |
43 | );
44 | };
45 |
46 | export default LanguageBarChart;
47 |
--------------------------------------------------------------------------------
/components/Loader.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default function Loader() {
4 | return (
5 | Most Used Languages
14 |
15 | {hasLanguages ? (
16 | languages.map((language) => (
17 |
37 | ))
38 | ) : (
39 |
42 | No language data available.
40 | )} 41 |
6 | Loading...
7 |
8 |
9 |
10 |
11 | );
12 | }
13 |
--------------------------------------------------------------------------------
/components/Organizations.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import { fetchOrganizations, Organization } from "@/utils/resumeUtils";
3 |
4 | interface OrganizationsProps {
5 | username: string;
6 | count: number;
7 | }
8 |
9 | const Organizations: React.FC
27 |
58 | );
59 | };
60 |
61 | export default Organizations;
62 |
--------------------------------------------------------------------------------
/components/RadarChart.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { useEffect, useRef, useState } from "react";
4 | import { Radar } from "react-chartjs-2";
5 | import {
6 | Chart as ChartJS,
7 | RadialLinearScale,
8 | PointElement,
9 | LineElement,
10 | Filler,
11 | Tooltip,
12 | Legend,
13 | ChartOptions,
14 | } from "chart.js";
15 | import { useTheme } from "next-themes";
16 |
17 | ChartJS.register(
18 | RadialLinearScale,
19 | PointElement,
20 | LineElement,
21 | Filler,
22 | Tooltip,
23 | Legend
24 | );
25 |
26 | interface RadarChartData {
27 | login: string;
28 | totalCommits: number;
29 | totalIssuesCreated: number;
30 | totalPRsMerged: number;
31 | forks: number;
32 | }
33 |
34 | interface RadarChartProps {
35 | data1: RadarChartData;
36 | data2: RadarChartData;
37 | }
38 |
39 | const RadarChart: React.FC28 | Organizations 29 |
30 |-
31 | {organizations.map((org, index) => (
32 |
-
33 |
39 | {org.name}
40 |
41 |
42 | If you would like more information about this organization, please 43 | visit the 44 | 50 | organization page 51 | 52 | on GitHub. 53 |
54 |
55 | ))}
56 |
142 |
155 | );
156 | };
157 |
158 | export default RadarChart;
159 |
--------------------------------------------------------------------------------
/components/RecentGenerations.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import axios from "axios";
3 | import { cn } from "@/utils/cn";
4 | import Link from "next/link";
5 | import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
6 | import { HoverEffect } from "./ui/card-hover-effect";
7 | import { useState, useEffect } from "react";
8 | import type { UserData } from "@/types";
9 | import { useRef } from "react";
10 | import Autoplay from "embla-carousel-autoplay";
11 | import {
12 | Carousel,
13 | CarouselContent,
14 | CarouselItem,
15 | CarouselNext,
16 | CarouselPrevious,
17 | } from "@/components/ui/carousel";
18 | import RecentGenerationsLoader from "./RecetUsersLoading";
19 | import Image from "next/image";
20 |
21 | const RecentGenerations = () => {
22 | const [usersData, setUsersData] = useState
147 |
154 |
56 |
60 | );
61 | };
62 |
63 | if (loading) {
64 | return
57 |
59 | {children}
58 |
69 |
76 |
77 | {usersData.map((item, index) => (
78 |
82 |
87 |
88 |
108 |
109 |
110 | ))}
111 |
112 |
121 |
122 | );
123 | };
124 |
125 | export default RecentGenerations;
126 |
--------------------------------------------------------------------------------
/components/RecetUsersLoading.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from "@/utils/cn";
2 | import { useState, useEffect, useRef } from "react";
3 | import Autoplay from "embla-carousel-autoplay";
4 | import { Skeleton } from "@/components/ui/skeleton";
5 | import {
6 | Carousel,
7 | CarouselContent,
8 | CarouselItem,
9 | CarouselNext,
10 | CarouselPrevious,
11 | } from "@/components/ui/carousel";
12 | import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
13 | import { HoverEffect } from "./ui/card-hover-effect";
14 |
15 | const RecentGenerationsLoader = () => {
16 | const plugin = useRef(Autoplay({ delay: 3000, stopOnInteraction: true }));
17 |
18 | const Card = ({
19 | className,
20 | children,
21 | }: {
22 | className?: string;
23 | children: React.ReactNode;
24 | }) => {
25 | return (
26 |
89 |
91 | {item.bio ? item.bio : "No bio available"}
90 |
92 |
93 |
95 | {item.username?.slice(0, 2)}
96 |
97 |
98 |
107 |
99 |
106 | 100 | {item?.name} 101 |
102 |103 | {item.username} 104 |
105 |
116 |
117 | Loading...
118 |
119 | )}
120 |
32 |
36 | );
37 | };
38 |
39 | const carouselItems = Array.from({ length: 3 }, (_, index) => (
40 |
33 |
35 | {children}
34 |
45 |
46 |
65 |
66 |
47 |
51 |
52 |
64 |
53 |
55 |
56 |
63 |
57 |
59 |
60 |
62 |
71 |
79 | {carouselItems}
80 |
83 |
84 | );
85 | };
86 |
87 | export default RecentGenerationsLoader;
88 |
--------------------------------------------------------------------------------
/components/Repositories.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface GitHubRepo {
4 | id: number;
5 | name: string;
6 | html_url: string;
7 | language: string;
8 | homepage?: string;
9 | watchers: number;
10 | forks: number;
11 | watchersLabel: string;
12 | forksLabel: string;
13 | date: number;
14 | }
15 |
16 | interface RepositoriesProps {
17 | repos: GitHubRepo[];
18 | repoCount: number;
19 | }
20 |
21 | const Repositories: React.FC
24 |
81 | );
82 | };
83 |
84 | export default Repositories;
85 |
--------------------------------------------------------------------------------
/components/ShareBtn.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | LinkedinShareButton,
3 | LinkedinIcon,
4 | WhatsappIcon,
5 | WhatsappShareButton,
6 | TwitterIcon,
7 | TwitterShareButton,
8 | } from "next-share";
9 | import {
10 | Dialog,
11 | DialogContent,
12 | DialogDescription,
13 | DialogHeader,
14 | DialogTitle,
15 | DialogTrigger,
16 | } from "@/components/ui/dialog";
17 | import { CopyIcon, Share1Icon } from "@radix-ui/react-icons";
18 | import { Button } from "./ui/button";
19 | import CopyLinkBtn from "./CopyLinkBtn";
20 |
21 | const ShareBtn = ({ username }: { username: string }) => {
22 | return (
23 |
61 | );
62 | };
63 | export default ShareBtn;
64 |
--------------------------------------------------------------------------------
/components/StatsBox.tsx:
--------------------------------------------------------------------------------
1 | // import React, { useEffect, useState } from "react";
2 | // import axios from "axios";
3 | // import redis from "@/lib/redis";
4 | // import { CACHE_TTL } from "@/lib/consts";
5 | // import { fetchUserStats } from "@/utils/resumeUtils";
6 |
7 | // interface GitHubData {
8 | // followers: number;
9 | // publicRepos: number;
10 | // starsReceived: number;
11 | // forks: number;
12 | // totalCommits: number;
13 | // organizations: number;
14 | // totalIssues: number;
15 | // totalPRsMerged: number;
16 | // userJoinedDate: Date;
17 | // }
18 |
19 | // const StatsBox = ({ username }: { username: string }) => {
20 | // const [userData, setUserData] = useState25 | Popular Repositories 26 |
27 |-
28 | {repos.slice(0, repoCount).map((repo) => (
29 |
-
30 | 31 |77 |32 | 38 | {repo.name} 39 | 40 | ({repo.date}) 41 |42 | {repo.homepage && ( 43 | <> 44 | 50 | {repo.homepage} 51 | 52 | 53 | )} 54 |
55 | {repo.language} 56 | - 57 | {"Owner"} 58 |
59 |60 | This repository has 61 | {repo.watchers} 62 | {repo.watchersLabel} and 63 | {repo.forks} 64 | {repo.forksLabel}. If you would like more information about this 65 | repository and my contributed code, please visit the 66 | 72 | repository 73 | 74 | on GitHub. 75 |
76 |
78 | ))}
79 |
43 | //
105 | // );
106 | // };
107 |
108 | // export default StatsBox;
109 |
--------------------------------------------------------------------------------
/components/UserTestimonials.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { InfiniteMovingCards } from "@/components/ui/infinite-moving-cards";
4 | import testimonials from "@/config/content/Testimonials";
5 |
6 | const UserTestimonails = () => {
7 | return (
8 | GitHub Stats
44 | //
45 | //
104 | //
46 | //
54 | //
47 | //
53 | // Years on GitHub:
48 | // 49 | // {new Date().getFullYear() - 50 | // new Date(userData.userJoinedDate).getFullYear()} 51 | // 52 | //
55 | //
60 | //
56 | //
59 | // Followers:
57 | // {userData.followers} 58 | //
61 | //
66 | //
62 | //
65 | // Public Repositories:
63 | // {userData.publicRepos} 64 | //
67 | //
72 | //
68 | //
71 | // Stars Received:
69 | // {userData.starsReceived} 70 | //
73 | //
78 | //
74 | //
77 | // Forks:
75 | // {userData.forks} 76 | //
79 | //
84 | // {/* Uncomment if needed */}
85 | // {/*
80 | //
83 | // Organizations:
81 | // {userData.organizations} 82 | //
86 | //
91 | //
87 | //
90 | // Total Commits:
88 | // {userData.totalCommits} 89 | //
92 | //
97 | //
93 | //
96 | // Total Issues Created:
94 | // {userData.totalIssues} 95 | //
98 | //
*/}
103 | //
99 | //
102 | // Total PRs Merged:
100 | // {userData.totalPRsMerged} 101 | //
9 |
25 | );
26 | };
27 |
28 | export default UserTestimonails;
29 |
--------------------------------------------------------------------------------
/components/cover-letter.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { useRouter } from "next/navigation";
3 | import React, { useEffect, useState } from "react";
4 | import { Button } from "./ui/button";
5 | import CoverLetterForm from "./CoverLetterForm";
6 | import CoverLetterDialog from "./CoverLetterDialog";
7 | import { supabase } from "@/utils/supabase/client";
8 | import { UserData } from "@/types";
9 |
10 | type Props = {
11 | user: any;
12 | };
13 |
14 | export default function CoverLetter({ user }: Props) {
15 | const router = useRouter();
16 | const [isJobDescription, setIsJobDescription] = useState(true);
17 | const [isResume, setIsResume] = useState(false);
18 | const [isSubmit, setIsSubmit] = useState(false);
19 |
20 | const [isResponseGenerated, setIsResponseGenerated] = useState(false);
21 | const [isError, setIsError] = useState(false);
22 | const [response, setResponse] = useState("");
23 |
24 | useEffect(() => {
25 | if (user) {
26 | checkUsageLimit();
27 | } else {
28 | router.push("/");
29 | }
30 | }, [user]);
31 |
32 | const checkUsageLimit = async () => {
33 | const { data, error } = await supabase
34 | .from("usage_tracking")
35 | .select("usage_count")
36 | .eq("github_username", user!.user_metadata.preferred_username)
37 | .eq("date", new Date().toISOString().split("T")[0]);
38 |
39 | if (data && data[0] && data[0].usage_count >= 2) {
40 | setIsResponseGenerated(true);
41 | setIsError(true);
42 | setResponse(
43 | "You have reached your daily limit!! Please try again tomorrow!!"
44 | );
45 | }
46 | };
47 |
48 | return (
49 | 10 | Hear what our Users say about{" "} 11 | 12 | git-re 13 | 14 |
15 |
16 |
24 |
17 |
23 |
50 |
111 | );
112 | }
113 |
--------------------------------------------------------------------------------
/components/footer.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode } from "react";
2 | import Link from "next/link";
3 | import {
4 | IconBrandGithub,
5 | IconBrandGithubFilled,
6 | IconBrandLinkedin,
7 | IconBrandX,
8 | IconStarFilled,
9 | } from "@tabler/icons-react";
10 | import { Button } from "./ui/button";
11 | import { ModeToggle } from "./shared/ToggleBg";
12 | import { GitHubLogoIcon } from "@radix-ui/react-icons";
13 | import GitHubStarCount from './GitHubStarCount';
14 |
15 | export default function Footer() {
16 | const currentYear = new Date().getFullYear();
17 |
18 | const icons: { title: string; href: string; icon: ReactNode }[] = [
19 | {
20 | title: "LinkedIn",
21 | href: "https://www.linkedin.com/in/rathashutosh/",
22 | icon:
51 |
110 |
52 |
53 |
63 |
64 |
74 |
75 |
85 |
86 |
87 |
88 |
89 |
102 | ( 40 | WrappedComponent: React.ComponentType
41 | ) => {
42 | return (props: P) => (
43 |
23 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/components/navbar.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { ModeToggle } from "./shared/ToggleBg";
3 | import { GitHubLogoIcon } from "@radix-ui/react-icons";
4 | import { IoMdGitNetwork } from "react-icons/io";
5 | import Link from "next/link";
6 |
7 | import AuthButton from "./AuthButton";
8 | import Hamburger from "./Hamburger";
9 | import { supabaseServer } from "@/utils/supabase/server";
10 |
11 | export default async function Navbar() {
12 | const repositoryUrl = "https://github.com/ashutosh-rath02/git-re";
13 |
14 | const supabase = supabaseServer();
15 | const { data } = await supabase.auth.getUser();
16 |
17 | return (
18 |
63 | );
64 | }
65 |
--------------------------------------------------------------------------------
/components/shared/Background.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/components/shared/ToggleBg.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { MoonIcon, SunIcon } from "@radix-ui/react-icons";
5 | import { useTheme } from "next-themes";
6 |
7 | import { Button } from "@/components/ui/button";
8 | import {
9 | DropdownMenu,
10 | DropdownMenuContent,
11 | DropdownMenuItem,
12 | DropdownMenuTrigger,
13 | } from "@/components/ui/dropdown-menu";
14 |
15 | export function ModeToggle() {
16 | const { setTheme } = useTheme();
17 |
18 | return (
19 | {children}
53 |
24 | {items.map((item, idx) => (
25 | setHoveredIndex(idx)}
30 | onMouseLeave={() => setHoveredIndex(null)}
31 | >
32 |
33 | {hoveredIndex === idx && (
34 |
49 |
50 |
66 |
67 | ))}
68 |
69 | );
70 | };
71 |
72 | export const Card = ({
73 | className,
74 | children,
75 | }: {
76 | className?: string;
77 | children: React.ReactNode;
78 | }) => {
79 | return (
80 |
51 |
53 | {item.bio ? item.bio : "No bio available"}
52 |
54 |
55 | {item.username?.slice(0, 2)}
57 |
58 |
65 |
59 |
64 | {item?.name}
60 |61 | {item.username} 62 |
63 |
86 |
90 | );
91 | };
92 | export const CardTitle = ({
93 | className,
94 | children,
95 | }: {
96 | className?: string;
97 | children: React.ReactNode;
98 | }) => {
99 | return (
100 |
87 |
89 | {children}
88 | 101 | {children} 102 |
103 | ); 104 | }; 105 | export const CardDescription = ({ 106 | className, 107 | children, 108 | }: { 109 | className?: string; 110 | children: React.ReactNode; 111 | }) => { 112 | return ( 113 |119 | {children} 120 |
121 | ); 122 | }; 123 | -------------------------------------------------------------------------------- /components/ui/dialog.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import * as React from "react" 4 | import * as DialogPrimitive from "@radix-ui/react-dialog" 5 | import { Cross2Icon } from "@radix-ui/react-icons" 6 | 7 | import { cn } from "@/lib/utils" 8 | 9 | const Dialog = DialogPrimitive.Root 10 | 11 | const DialogTrigger = DialogPrimitive.Trigger 12 | 13 | const DialogPortal = DialogPrimitive.Portal 14 | 15 | const DialogClose = DialogPrimitive.Close 16 | 17 | const DialogOverlay = React.forwardRef< 18 | React.ElementRef161 | {body} 162 |
163 | ) 164 | }) 165 | FormMessage.displayName = "FormMessage" 166 | 167 | export { 168 | useFormField, 169 | Form, 170 | FormItem, 171 | FormLabel, 172 | FormControl, 173 | FormDescription, 174 | FormMessage, 175 | FormField, 176 | } 177 | -------------------------------------------------------------------------------- /components/ui/infinite-moving-cards.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import { cn } from "@/utils/cn"; 4 | import React, { useEffect, useState } from "react"; 5 | 6 | export const InfiniteMovingCards = ({ 7 | items, 8 | direction = "left", 9 | speed = "fast", 10 | pauseOnHover = true, 11 | className, 12 | }: { 13 | items: { 14 | quote: string; 15 | name: string; 16 | title: string; 17 | }[]; 18 | direction?: "left" | "right"; 19 | speed?: "fast" | "normal" | "slow"; 20 | pauseOnHover?: boolean; 21 | className?: string; 22 | }) => { 23 | const containerRef = React.useRef
75 |
111 | );
112 | };
--------------------------------------------------------------------------------
/components/ui/input.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 |
3 | import { cn } from "@/lib/utils";
4 |
5 | export interface InputProps
6 | extends React.InputHTMLAttributes-
83 | {items.map((item, idx) => (
84 |
-
88 |
89 | 93 | 94 | {item.quote} 95 | 96 |
107 |97 | 98 | 99 | {item.name} 100 | 101 | 102 | {item.title} 103 | 104 | 105 |106 |
108 | ))}
109 |
10 |
15 |
16 | ))
17 | Table.displayName = "Table"
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes
22 | {title && {title} }
23 | {description && (
24 | {description}
25 | )}
26 |
27 | {action}
28 |