(
+ setShowStats(false), setData(defaultData), setUsername("")
+ )}
+ className={`fixed z-10 top-0 font-sourcecodepro left-0 backdrop-blur-md flex items-center justify-center h-full w-full ${
+ showStats ? "" : "hidden"
+ }`}
+ >
+
+
+ );
+};
+
+export default GenerateStats;
diff --git a/client/src/app/components/Line.tsx b/client/src/app/components/Line.tsx
new file mode 100644
index 0000000..6d79b71
--- /dev/null
+++ b/client/src/app/components/Line.tsx
@@ -0,0 +1,13 @@
+import Line2 from "./Line2";
+
+const Line = ({ color, total, solved, line2 }: any) => {
+ const percentage = Math.round((solved / total) * 100);
+ const width = (percentage / 100) * 250;
+ return (
+ e.stopPropagation()}
+ className="px-4 flex items-center justify-center flex-col gap-4"
+ >
+ {loading ? (
+ <>
+
+
+
+ );
+};
+
+export default Line;
diff --git a/client/src/app/components/Line2.tsx b/client/src/app/components/Line2.tsx
new file mode 100644
index 0000000..e3e335f
--- /dev/null
+++ b/client/src/app/components/Line2.tsx
@@ -0,0 +1,14 @@
+const Line2 = ({ width, line2 }: any) => {
+ const divStyle = {
+ width: `${width}px`,
+ };
+
+ return (
+
+ );
+};
+
+export default Line2;
diff --git a/client/src/app/components/Navbar.tsx b/client/src/app/components/Navbar.tsx
new file mode 100644
index 0000000..672831f
--- /dev/null
+++ b/client/src/app/components/Navbar.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import Image from "next/image";
+import Link from "next/link";
+import React, { useState } from "react";
+
+type NavbarProps = {
+ search: string;
+ setSearch: React.Dispatch
+
+ );
+};
+
+export default Profile;
diff --git a/client/src/app/components/PromotionCard.tsx b/client/src/app/components/PromotionCard.tsx
new file mode 100644
index 0000000..ec0df0d
--- /dev/null
+++ b/client/src/app/components/PromotionCard.tsx
@@ -0,0 +1,87 @@
+import Image from "next/image";
+import Link from "next/link";
+import React, { memo, useState, useEffect } from "react";
+
+const option = [
+ {
+ heading: "Could you drop a star on the GitHub repo? It helps a lot!👋",
+ imgSrc: "/promoted1.png",
+ },
+ {
+ heading: "Drop a star on our GitHub repo to show your support!🌟",
+ imgSrc: "/promoted1.png",
+ },
+ {
+ heading: "Can you drop a star on the GitHub repo? It helps a lot!👋 ",
+ imgSrc: "/promoted2.webp",
+ },
+ {
+ heading: "Could you drop a star on the GitHub repo? It helps a lot!👋 ",
+ imgSrc: "/promoted3.png",
+ },
+ {
+ heading:
+ "Can you please share this project with your friends and family?✨ ",
+ imgSrc: "/promoted3.png",
+ },
+];
+
+const PromotionCard = () => {
+ // State to hold the random index
+ const [randomIndex, setRandomIndex] = useState(0);
+
+ // Effect to set random index on initial render
+ useEffect(() => {
+ const random = Math.floor(Math.random() * option.length);
+ setRandomIndex(random);
+ }, []); // Empty dependency array ensures this effect runs only once
+
+ return (
+
+
+ {/* Image */}
+
+
+
+
+
+ {/* Name/username/rank*/}
+
+ {/* fullname */}
+
+
+
+
+
+ {/* username */}
+
+ + {userData?.fullName} +
+
+
+
+ {/* rank */}
+
+ {userData?.username}
++ Rank + + {userData?.rank} + +
+
+ {/* Heading and Logo */}
+
+
+ );
+};
+
+export default memo(PromotionCard);
diff --git a/client/src/app/components/Questions.tsx b/client/src/app/components/Questions.tsx
new file mode 100644
index 0000000..3ba26b5
--- /dev/null
+++ b/client/src/app/components/Questions.tsx
@@ -0,0 +1,23 @@
+import Line from "./Line";
+
+const Questions = ({ type, solved, line, line2, total, beats }: any) => {
+ return (
+
+
+
+
+
+ + LeetCode Profiles +
+
+
+
+
+ + {option[randomIndex].heading} +
+ +
+
+
+
+ );
+};
+
+export default Questions;
diff --git a/client/src/app/components/Skeleton.tsx b/client/src/app/components/Skeleton.tsx
new file mode 100644
index 0000000..12a1714
--- /dev/null
+++ b/client/src/app/components/Skeleton.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+const Skeleton = () => {
+ return (
+
+
+
+
+ {type}
+ +
+
+ {solved}
+
+ /{total}
+
+
+
+ );
+};
+
+export default Skeleton;
diff --git a/client/src/app/components/SocialLinks.tsx b/client/src/app/components/SocialLinks.tsx
new file mode 100644
index 0000000..53926ca
--- /dev/null
+++ b/client/src/app/components/SocialLinks.tsx
@@ -0,0 +1,118 @@
+"use client";
+
+import Image from "next/image";
+import Link from "next/link";
+import { useState } from "react";
+const SocialLinks = ({ result, index }: any) => {
+ const [hovered, setHovered] = useState
+
+
+
+
+
+
+ {/*
+ );
+};
+
+export default SocialLinks;
diff --git a/client/src/app/context/DataContext.tsx b/client/src/app/context/DataContext.tsx
new file mode 100644
index 0000000..82d359c
--- /dev/null
+++ b/client/src/app/context/DataContext.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { createContext, useState } from "react";
+
+export const DataContext = createContext({
+ datas: [],
+ setDatas: (datas: any) => {},
+});
+
+export const DataProvider = ({ children }: any) => {
+ const [datas, setDatas] = useState
+
+ {truncateText(result?.website?.text, 10)} +
+ + + )} + {result?.github?.link && ( + setHovered("github")} + onMouseLeave={() => setHovered(null)} + target="_blank" + rel="noreferrer" + href={result?.github?.link} + className="flex" + > ++ {truncateText(result?.github?.text, 10)} +
+ + + )} + {result?.twitter?.link && ( + setHovered("twitter")} + onMouseLeave={() => setHovered(null)} + target="_blank" + rel="noreferrer" + href={result?.twitter?.link} + className="flex" + > ++ {truncateText(result?.twitter?.text, 10)} +
+ + + )} + {result?.linkedin?.link && ( + setHovered("linkedin")} + onMouseLeave={() => setHovered(null)} + target="_blank" + rel="noreferrer" + href={result?.linkedin?.link} + className="flex" + > ++ {truncateText(result?.linkedin?.text, 10)} +
+ + + )} +
+
+
+
+
+
-
- {/*
- {showStats && (
-
-
-
-
-
-
-
-
-
-
-
-
- ))
- )
- )
- }
-
- No user found
- ) : ( - filteredData.slice((pageNo * 11) - 11, pageNo * 11).map((data, index) => ( - setShowStats(false)}>
-
-
- )}
- e.stopPropagation()}>
-
-
-
-
- )
-}
-
-export default Navbar
\ No newline at end of file
diff --git a/client/src/components/Pagination/Pagination.jsx b/client/src/components/Pagination/Pagination.jsx
deleted file mode 100644
index 68f49fd..0000000
--- a/client/src/components/Pagination/Pagination.jsx
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-export default function Pagination({ pageNo, setPageNo, totalPages }) {
- return (
-
-
-
-
- {/* For larger devices */}
-
- )
-}
diff --git a/client/src/components/Profile/About/Profile.jsx b/client/src/components/Profile/About/Profile.jsx
deleted file mode 100644
index 3fdb6f3..0000000
--- a/client/src/components/Profile/About/Profile.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { motion } from 'framer-motion'
-
-const Profile = ({ userData, index }) => {
-
- return (
-
-
-
-
-
-
-
- )
-}
-
-export default Profile
\ No newline at end of file
diff --git a/client/src/components/Profile/About/SocialLinks.jsx b/client/src/components/Profile/About/SocialLinks.jsx
deleted file mode 100644
index 5508721..0000000
--- a/client/src/components/Profile/About/SocialLinks.jsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { motion } from 'framer-motion'
-const SocialLinks = ({ result, index }) => {
- const random = Math.floor(Math.random() * 1)
-
- function truncateText(text, maxLength) {
- if (text && text.length > maxLength) {
- return text.substring(0, maxLength) + '...';
- }
- return text;
- }
- return (
-
- {/* Image */}
-
-
-
- {/* Name/username/rank*/}
-
-
- 
-
-
- {/* fullname */}
-
-
-
- {/* username */}
-
-
-
- {/* rank */}
-
-
-
-
-
- {userData?.fullName}
-
-
- {userData?.username}
- {userData?.badgeImg && (
- 
-
)}
- - Rank - {userData?.rank} -
-
-
- {/*
-
- )
- }
- {
- result?.github?.link && (
-
- )
- }
- {
- result?.twitter?.link && (
-
-
- )
- }
- {
- result?.linkedin?.link && (
-
-
- )
- }
-
- )
-}
-
-export default SocialLinks
\ No newline at end of file
diff --git a/client/src/components/Profile/Circle&Questions/Circle.jsx b/client/src/components/Profile/Circle&Questions/Circle.jsx
deleted file mode 100644
index c91d05b..0000000
--- a/client/src/components/Profile/Circle&Questions/Circle.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-
-const Circle = ({ total }) => {
- const circumference = 2 * Math.PI * 46;
- const percentage = (total / 2936) * 100;
- const dashLength = circumference * (percentage / 100);
-
- return (
-
-
{truncateText(result?.website?.text, 13)}
- - -{truncateText(result?.github?.text, 13)}
- - -{truncateText(result?.twitter?.text, 13)}
- - -{truncateText(result?.linkedin?.text, 13)}
- - -
-
- )
-}
-
-export default Circle
\ No newline at end of file
diff --git a/client/src/components/Profile/Circle&Questions/Line.jsx b/client/src/components/Profile/Circle&Questions/Line.jsx
deleted file mode 100644
index 2b5a9b7..0000000
--- a/client/src/components/Profile/Circle&Questions/Line.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Line2 from "./Line2"
-
-const Line = ({ color, total, solved, line2 }) => {
- const percentage = Math.round((solved / total) * 100);
- const width = (percentage / 100) * 250;
- return (
-
-
-
-
-
-
-
- {total}
- Solved
-
-
- )
-}
-
-export default Line
\ No newline at end of file
diff --git a/client/src/components/Profile/Circle&Questions/Line2.jsx b/client/src/components/Profile/Circle&Questions/Line2.jsx
deleted file mode 100644
index b6afde3..0000000
--- a/client/src/components/Profile/Circle&Questions/Line2.jsx
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-const Line2 = ({ width, line2 }) => {
- const divStyle = {
- width: `${width}px`,
- };
-
- return (
-
-
-
- )
-}
-
-export default Line2
\ No newline at end of file
diff --git a/client/src/components/Profile/Circle&Questions/Questions.jsx b/client/src/components/Profile/Circle&Questions/Questions.jsx
deleted file mode 100644
index 31bcd5f..0000000
--- a/client/src/components/Profile/Circle&Questions/Questions.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import Line from './Line'
-
-const Questions = ({ type, solved, line, line2, total, beats }) => {
- return (
-
-
-
-
- )
-}
-
-export default Questions
\ No newline at end of file
diff --git a/client/src/components/PromotedCard.jsx b/client/src/components/PromotedCard.jsx
deleted file mode 100644
index 3b03496..0000000
--- a/client/src/components/PromotedCard.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { LeetcodeIcon } from "../utils/Icons";
-
-
-export default function PromotedCard({ option }) {
-
- return (
-
-
-
-
-
- {type}
- -
- {solved}
- /{total}
-
- Beats - {beats ? (beats) : `Nill`} -
-
-
-
- {/* Heading and Logo */}
-
-
-
- )
-}
-
diff --git a/client/src/components/Skeletons/HomeSkeleton.jsx b/client/src/components/Skeletons/HomeSkeleton.jsx
deleted file mode 100644
index cba6674..0000000
--- a/client/src/components/Skeletons/HomeSkeleton.jsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react'
-
-const HomeSkeleton = () => {
- return (
-
-
-
-
-
-
-
- LeetCode Profiles
-
-
-
-
-
-
-
-
-
-
-
- - {option.heading} -
- -
- 
-
-
-
-
-
-
-
- )
-}
-
-export default HomeSkeleton
\ No newline at end of file
diff --git a/client/src/components/Skeletons/Skeleton.jsx b/client/src/components/Skeletons/Skeleton.jsx
deleted file mode 100644
index 6abb3a1..0000000
--- a/client/src/components/Skeletons/Skeleton.jsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react'
-
-const Skeleton = () => {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
-export default Skeleton
\ No newline at end of file
diff --git a/client/src/components/Skeletons/SkeletonWrapped.jsx b/client/src/components/Skeletons/SkeletonWrapped.jsx
deleted file mode 100644
index ac5e190..0000000
--- a/client/src/components/Skeletons/SkeletonWrapped.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react'
-
-const SkeletonWrapped = () => {
- return (
-
-
-
-
-
-
-
-
-
-
-
- {/* for the first div */}
-
- )
-}
-
-export default SkeletonWrapped
\ No newline at end of file
diff --git a/client/src/components/Stat.jsx b/client/src/components/Stat.jsx
deleted file mode 100644
index 1e24a9c..0000000
--- a/client/src/components/Stat.jsx
+++ /dev/null
@@ -1,136 +0,0 @@
-import Questions from "./Profile/Circle&Questions/Questions";
-import Circle from "./Profile/Circle&Questions/Circle";
-import { useState, useEffect } from "react";
-import Profile from "./Profile/About/Profile";
-import SocialLinks from "./Profile/About/SocialLinks";
-import { motion } from "framer-motion";
-
-
-export default function Stat({ data, index }) {
- const [userData, setUserData] = useState({});
-
- const setDataManually = () => {
- const newProfileData = {
- fullName: data.fullName,
- image: data.image,
- badgeImg: data.badgeImg,
- username: data.username,
- rank: data.rank,
- };
-
- const newQuestionData = {
- easySolved: data.easySolved,
- easyTotal: data.easyTotal,
- easyBeats: data.easyBeats,
- mediumSolved: data.mediumSolved,
- mediumTotal: data.mediumTotal,
- mediumBeats: data.mediumBeats,
- hardSolved: data.hardSolved,
- hardTotal: data.hardTotal,
- hardBeats: data.hardBeats,
- totalSolved: data.totalSolved,
- totalQuestions: data.totalQuestions,
- };
-
- const newAboutData = {
- linkedin: data.linkedin,
- twitter: data.twitter,
- github: data.github,
- website: data.website,
- // Add other about data fields as needed
- }
- setUserData({
- profileData: newProfileData,
- questionData: newQuestionData,
- aboutData: newAboutData,
- });
- }
- useEffect(() => {
- if (data) {
- setDataManually(data);
- }
- }, [data]);
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
-}
-
diff --git a/client/src/components/StatsGenerator.jsx b/client/src/components/StatsGenerator.jsx
deleted file mode 100644
index 7fc1871..0000000
--- a/client/src/components/StatsGenerator.jsx
+++ /dev/null
@@ -1,263 +0,0 @@
-import Questions from "./Profile/Circle&Questions/Questions";
-import Circle from "./Profile/Circle&Questions/Circle";
-import { useState } from "react";
-import axios from "axios";
-import Profile from "./Profile/About/Profile";
-import SocialLinks from "./Profile/About/SocialLinks";
-import { getDoc, collection, setDoc, doc } from "firebase/firestore";
-import { firestore } from "../firebase";
-import Skeleton from "./Skeletons/Skeleton";
-import { ToastContainer, toast } from 'react-toastify';
-import 'react-toastify/dist/ReactToastify.css';
-import * as htmlToImage from 'html-to-image';
-
-export default function StatsGenerator({ setShowStats }) {
- const [userName, setUserName] = useState('');
- const [loading, setLoading] = useState(false);
-
- const defaultProfileData = {
- image: '/assets/profile.png',
- fullName: 'Dhruv Kotwani',
- username: 'druv_kotwani',
- badgeImg: '/assets/badge.png',
- rank: '234, 542',
- };
-
- let defaultAboutUs = {
- linkedin: { link: "https://linkedin.com/in/dhruv-kotwani", text: "dhruv-kotwani" },
- twitter: { link: "https://twitter.com/druv_kotwani", text: "druv_kotwani" },
- github: { link: "https://github.com/druvkotwani", text: "druvkotwani" },
- website: { link: "https://dhruvkotwani.me", text: "dhruvkotwani.me" }
- };
-
- const defaultQuestionData = {
- easySolved: 165,
- easyTotal: 745,
- easyBeats: '96.9%',
- mediumSolved: 92,
- mediumTotal: 1547,
- mediumBeats: '84.8%',
- hardSolved: 20,
- hardTotal: 644,
- hardBeats: '77.6%',
- totalSolved: 277,
- totalQuestions: 2936,
- };
-
- const [userData, setUserData] = useState({
- profileData: defaultProfileData,
- questionData: defaultQuestionData,
- aboutData: defaultAboutUs,
- });
-
- const transformUserData = (userData) => {
- const transformedData = {
- fullName: userData.profileData.fullName,
- image: userData.profileData.image,
- username: userData.profileData.username,
- badgeImg: userData.profileData.badgeImg || '',
- rank: userData.profileData.rank,
- easySolved: userData.questionData.easySolved,
- easyTotal: userData.questionData.easyTotal,
- easyBeats: userData.questionData.easyBeats,
- mediumSolved: userData.questionData.mediumSolved,
- mediumTotal: userData.questionData.mediumTotal,
- mediumBeats: userData.questionData.mediumBeats,
- hardSolved: userData.questionData.hardSolved,
- hardTotal: userData.questionData.hardTotal,
- hardBeats: userData.questionData.hardBeats,
- totalSolved: userData.questionData.totalSolved,
- totalQuestions: userData.questionData.totalQuestions,
- linkedin: userData.aboutData.linkedin,
- twitter: userData.aboutData.twitter,
- github: userData.aboutData.github,
- website: userData.aboutData.website,
- };
- return transformedData;
- };
-
- function dataThere() {
- toast.error('Oyee! Your profile is already there', {
- position: "top-center",
- autoClose: 2000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: undefined,
- theme: "dark",
- });
- }
- function dataAdded() {
- toast.success('Bhadhai ho! Profile added successfully', {
- position: "top-center",
- autoClose: 2000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: undefined,
- theme: "dark",
- });
- }
-
- function wrongUsername() {
- toast.warn('I think!! your username is not correct', {
- position: "top-center",
- autoClose: 5000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: undefined,
- theme: "dark",
- });
- }
-
-
- const addData = async (e) => {
- e.preventDefault();
- try {
- const transformedUserData = transformUserData(userData);
- const dataCollection = collection(firestore, "users_stats")
- // Create a reference to the document based on a unique field (e.g., username)
- const docRef = doc(dataCollection, transformedUserData.username);
-
- // Check if the document already exists
- const docSnapshot = await getDoc(docRef);
-
- if (!docSnapshot.exists()) {
- // Add the data only if it doesn't exist
- await setDoc(docRef, transformedUserData);
- // console.log("User data added to Firestore successfully!");
- dataAdded()
-
- } else {
- console.log("User data already exists in Firestore.");
- dataThere()
- }
-
-
- }
- catch (err) {
- console.log(err);
- }
- }
-
- function handleInputChange(e) {
- setUserName(e.target.value);
- }
-
- function handleSubmit(e) {
- e.preventDefault();
-
- setLoading(true); // Start loading when fetching data
- // Make an HTTP request to your backend
- axios.get(`https://leetcode-backend-druvkotwani.vercel.app/${userName}`)
- .then(response => {
- // Set the received data in state
- setUserData(response.data);
- setLoading(false); // Stop loading after data is fetched
- })
- .catch(error => {
- wrongUsername()
- console.error('Error fetching data:', error);
- });
- }
-
- const downloadAsImage = async () => {
- const element = document.querySelector('.download');
-
- try {
- const imageUrl = await htmlToImage.toPng(element);
- const a = document.createElement('a');
- a.href = imageUrl;
- a.download = 'downloaded_image.png'; // Set the file name
- a.click();
- console.log('Image downloaded successfully');
- } catch (error) {
- console.error('Error converting div to image:', error);
- }
- };
-
- return (
-
-
-
- {/* Profile */}
-
-
-
-
- {/* Circle */}
-
-
-
-
-
-
-
-
- {/* Questions */}
-
-
-
-
-
-
-
-
-
-
-
- {/* Stats */}
- {loading ? (
-
- )
-}
-
diff --git a/client/src/components/Worth/Worth.jsx b/client/src/components/Worth/Worth.jsx
deleted file mode 100644
index 8dbb11f..0000000
--- a/client/src/components/Worth/Worth.jsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import React, { useState } from 'react'
-import About from '../Profile/About/SocialLinks'
-import data from '../../utils/tempdata'
-import Profile from '../Profile/About/Profile'
-import SvgData from '../../utils/svgData'
-import { Link } from 'react-router-dom';
-
-const Worth = () => {
- const [userName, setUserName] = useState('')
- const [loading, setLoading] = useState(false)
- const amount = ((Math.random() * 1000) + 1000).toFixed(1)
- function handleInputChange(e) {
- setUserName(e.target.value)
- }
- return (
-
-
)
- }
-
-
- {/* Buttons + Input */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Header*/}
-
-
- )
-}
-
-export default Worth
\ No newline at end of file
diff --git a/client/src/components/Worth/WorthAlert.jsx b/client/src/components/Worth/WorthAlert.jsx
deleted file mode 100644
index d42b6a5..0000000
--- a/client/src/components/Worth/WorthAlert.jsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import '../../App.css';
-import '../../index.css'
-import { Link } from 'react-router-dom';
-const WorthAlert = () => {
-
- const closeAlert = () => {
- const alert = document.getElementById('alert');
- alert.style.display = 'none';
- };
-
- return (
-
- {/* icon */}
-
-
-
- {/* Input */}
-
-
-
- {/* Text */}
-
-
- - LeetCode - Worth -
- -Calculate the Real Worth of Your Hours Spent on DSA!
-
-
-
- {/* Body */}
- - Estimate your worth in LeetCode! -
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
- Your Worth:
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {SvgData}
-
-
- 990
-Total Submissions
-
-
- 1442
-Contest Rating
-
-
- 62.1%
-Top
-
-
- 9%
-Questions Solved
-
-
-
- Get yours: - - leetcode-profiles.vercel.app - -
- -
-
- ×
-
-
- );
-};
-
-export default WorthAlert;
diff --git a/client/src/components/Wrapped/LeetCodeAlert.jsx b/client/src/components/Wrapped/LeetCodeAlert.jsx
deleted file mode 100644
index e05ff9d..0000000
--- a/client/src/components/Wrapped/LeetCodeAlert.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import '../../App.css';
-import '../../index.css'
-import { Link } from 'react-router-dom';
-const Alert = () => {
-
- const closeAlert = () => {
- const alert = document.getElementById('alert');
- alert.style.display = 'none';
- };
-
- return (
-
-
-
-
- {/* icon */}
-
-
-
- {/* Button */}
-
-
-
-
-
-
-
-
- {/* Text */}
-
-
- - LeetCode - Worth -
- -Calculate the Real Worth of Your Hours Spent on DSA!
-
-
- ×
-
-
- );
-};
-
-export default Alert;
diff --git a/client/src/components/Wrapped/LeetCodeWrapped.jsx b/client/src/components/Wrapped/LeetCodeWrapped.jsx
deleted file mode 100644
index e217dfb..0000000
--- a/client/src/components/Wrapped/LeetCodeWrapped.jsx
+++ /dev/null
@@ -1,339 +0,0 @@
-import '../../index.css'
-import { useState } from 'react'
-import { Link } from 'react-router-dom'
-import { ToastContainer, toast } from 'react-toastify';
-import axios from "axios";
-import SkeletonWrapped from '../Skeletons/SkeletonWrapped';
-import SvgData from '../../utils/svgData'
-
-const LeetCodeWrapped = () => {
-
- const [activeButton, setActiveButton] = useState('profile');
-
- const tempData = {
- fullName: "Dhruv Kotwani",
- imageUrl: "/assets/profile.png",
- totalQuestions: 3013,
- totalSolved: 287,
- Views: "96",
- Solution: "19",
- Reputation: "5",
- submissions: "545",
- activeDays: "197",
- maxStreak: "62",
- questionsDone: 9,
- questionsRemain: 91,
- svgHtml: SvgData
- }
-
- const [userData, setUserData] = useState(tempData);
- const [userName, setUserName] = useState('');
- const [loading, setLoading] = useState(false);
-
- const handleClick = (button) => {
- if (button !== activeButton) {
- setActiveButton(button);
- }
- };
-
- function wrongUsername() {
- toast.warn('I think!! your username is not correct', {
- position: "top-center",
- autoClose: 5000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: undefined,
- theme: "dark",
- });
- }
- function handleInputChange(e) {
- setUserName(e.target.value);
- }
-
-
- function handleSubmit(e) {
- e.preventDefault();
-
- setLoading(true); // Start loading when fetching data
- // Make an HTTP request to your backend
- axios.get(`https://leetcode-wrapped-api.vercel.app/${userName}`)
- .then(response => {
- // Set the received data in state
- setUserData(response.data);
- setLoading(false); // Stop loading after data is fetched
- })
- .catch(error => {
- wrongUsername()
- setLoading(false); // Stop loading after data is fetched
- console.error('Error fetching data:', error);
- });
- }
- return (
-
- {/* SVG */}
-
-
-
-
-
-
-
- {/* Text */}
-
-
-
- {/* Button */}
-
-
-
-
-
- - 2023 - LeetCode Wrap-Up
-Review your LeetCode activity from the past year
-
- {/* Header*/}
-
- )
-}
-
-export default LeetCodeWrapped
\ No newline at end of file
diff --git a/client/src/firebase.js b/client/src/firebase.js
deleted file mode 100644
index 44233fa..0000000
--- a/client/src/firebase.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
-import { getFirestore } from "firebase/firestore"; // Add Firestore module import
-
-// Your web app's Firebase configuration
-const firebaseConfig = {
- apiKey: import.meta.env.VITE_REACT_APP_apiKey,
- authDomain: import.meta.env.VITE_REACT_APP_authDomain,
- projectId: import.meta.env.VITE_REACT_APP_projectId,
- storageBucket: import.meta.env.VITE_REACT_APP_storageBucket,
- messagingSenderId: import.meta.env.VITE_REACT_APP_messagingSenderId,
- appId: import.meta.env.VITE_REACT_APP_appId,
- measurementId: import.meta.env.VITE_REACT_APP_measurementId
-};
-
-// Initialize Firebase
-const app = initializeApp(firebaseConfig);
-const analytics = getAnalytics(app);
-
-// Get a Firestore instance
-const firestore = getFirestore(app);
-
-export { app, analytics, firestore }; // Export Firestore instance along with others if needed
\ No newline at end of file
diff --git a/client/src/index.css b/client/src/index.css
deleted file mode 100644
index 7d0160b..0000000
--- a/client/src/index.css
+++ /dev/null
@@ -1,72 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-body {
- background-color: #1a1a1a;
-}
-
-/* YourComponent.css or global CSS file */
-.JakartaSans-bold {
- font-family: "Plus Jakarta Sans", sans-serif;
- font-weight: 700; /* Bold style */
-}
-.JakartaSans {
- font-family: "Plus Jakarta Sans", sans-serif;
- font-weight: 400; /* Bold style */
-}
-
-.poppins {
- font-family: "Poppins", sans-serif;
- font-weight: 400; /* Bold style */
-}
-
-.nunito {
- font-family: "Nunito", sans-serif;
- font-weight: 400; /* Bold style */
-}
-.nunito-bold {
- font-family: "Nunito", sans-serif;
- font-weight: 700; /* Bold style */
-}
-
-.cedarville {
- font-family: "Cedarville Cursive", cursive;
- font-weight: 400; /* Bold style */
-}
-.SourceCodePro {
- font-family: "Source Code Pro", monospace;
-}
-
-:root {
- --green-10: #004d1b;
- --green-20: #016620;
- --green-30: #078029;
- --green-40: #109932;
- --green-50: #1cb33d;
- --green-60: #28c244;
- --green-70: #51d164;
- --green-80: #7fe18b;
- --green-90: #b3f0b8;
- --green-100: #d8ffda;
- --fill-tertiary: #393939;
-}
-
-.glowing-icon {
- animation: glow 1.5s ease-in-out infinite alternate;
-}
-
-@keyframes glow {
- from {
- filter: drop-shadow(0 0 10px gold);
- opacity: 0.8;
- }
- to {
- filter: drop-shadow(0 0 20px gold);
- opacity: 1;
- }
-}
diff --git a/client/src/lib/mongodb.js b/client/src/lib/mongodb.js
new file mode 100644
index 0000000..ca572ea
--- /dev/null
+++ b/client/src/lib/mongodb.js
@@ -0,0 +1,35 @@
+import mongoose from 'mongoose';
+
+const MONGODB_URI = process.env.NEXT_MONGO_URI;
+if (!MONGODB_URI) {
+ throw new Error('Please define the MONGODB_URI environment variable inside .env.local');
+}
+
+let cached = global.mongoose;
+
+if (!cached) {
+ cached = global.mongoose = { conn: null, promise: null };
+}
+
+async function connectToDatabase() {
+ if (cached.conn) {
+ return cached.conn;
+ }
+
+ if (!cached.promise) {
+ const opts = {
+ useNewUrlParser: true,
+ useUnifiedTopology: true,
+ bufferCommands: false,
+
+ };
+
+ cached.promise = mongoose.connect(MONGODB_URI, opts).then((mongoose) => {
+ return mongoose;
+ });
+ }
+ cached.conn = await cached.promise;
+ return cached.conn;
+}
+
+export default connectToDatabase;
\ No newline at end of file
diff --git a/client/src/main.jsx b/client/src/main.jsx
deleted file mode 100644
index 54b39dd..0000000
--- a/client/src/main.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-
- {/* SVG */}
-
-
-
- {/* Input bar */}
-
-
-
-
-
-
-
- {/* Text */}
-
-
- 2023
-
-
-
- 2023
-
- LeetCode Wrap-Up
- Review your LeetCode activity from the past year
-
-
-
-
-
- {/* Community Stat */}
- {
- loading ?
-
-
-
-
-
-
-
-
-
-
- Hey!
- {userData?.fullName.split(' ')[0]}
- How was your 2023?
-
-
-
-
-
-
-
-
- 
-
- {userData?.questionsDone}%
- Questions Done
- {userData?.questionsRemain}% Questions remains
-
- {/* Div 2 */}
-
-
- }
-
- {/* Bottom navigation */}
-
-
-
-
- {/* Div 3 */}
-
-
-
-
-
-
-
- Profile Views
- {userData?.Views}
- Total Profile Views
-
-
-
-
-
- Solutions
- {userData?.Solution}
- Total Solutions
-
-
-
-
-
- Reputation
- {userData?.Reputation}
- Total Reputataion
-
-
-
- {/* Div 4 */}
- {/*
-
-
-
-
-
-
- Submissions
- {userData?.Solution}
- Total Submission
-
-
-
-
-
- Active Days
- {userData?.activeDays}
- Total Active Days
-
-
-
-
-
- Max Streak
- {userData?.maxStreak}
- Overall Max Streak
-
- {
- userData?.svgHtml
- //
- }
-
*/}
-
-
-
-
-
-
-
-
-
-
-
-
-