diff --git a/components/ChapterSection.tsx b/components/ChapterSection.tsx index aceb9e3..de199ad 100644 --- a/components/ChapterSection.tsx +++ b/components/ChapterSection.tsx @@ -14,32 +14,31 @@ const ChapterSection = () => {
{Chapters.map((item, idx) => (
- + -
- -

{item.title}

-
- {item.des} +
+

{item.title}

+
+ {item.des} +
+
+ tect +
-
- tect -
-
- + +
- ))}
diff --git a/components/Grid.tsx b/components/Grid.tsx index 9b8c200..f097f2d 100644 --- a/components/Grid.tsx +++ b/components/Grid.tsx @@ -2,10 +2,11 @@ import { WobbleCard } from "./ui/wobble-card"; import Image from "next/image"; import { useEffect, useState } from "react"; -import axios from "axios"; +// import axios from "axios"; +import { randomProblemConst } from "@/constants/randomProblem"; const Grid = () => { - const [randomProblem, setRandomProblem] = useState({}); + const [randomProblem, setRandomProblem] = useState({}); //@ts-ignore // eslint-disable-next-line const getRandomProblem = (problemsMap) => { @@ -21,11 +22,12 @@ const Grid = () => { useEffect(() => { const fetchQuestion = async () => { try { - const url = "https://us-central1-neetcode-dd170.cloudfunctions.net/getProblemListFunction"; - const response = await axios.post(url, { data: {} }); - const data = response.data; - const randomProblem = getRandomProblem(data.result); - console.log(randomProblem); + // const url = "https://us-central1-neetcode-dd170.cloudfunctions.net/getProblemListFunction"; + // const response = await axios.post(url, { data: {} }); + // const data = response.data; + const randomProblem = getRandomProblem(randomProblemConst.result); + // console.log(randomProblem); + setRandomProblem(randomProblem); } catch (error) { console.error("Error fetching problem list:", error); @@ -47,7 +49,10 @@ const Grid = () => { {randomProblem && Object.keys(randomProblem).length != 0 && ( //@ts-ignore - +
{ //@ts-ignore @@ -58,7 +63,13 @@ const Grid = () => { )}
- + { No Projects, no skills, Build on your own

- +
codingchallenges.fyi
- + {

- Elixir is a collaborative tech community that encourages a comprehensive learning environment. + Elixir is a collaborative tech community that encourages a + comprehensive learning environment.

- This supportive network promotes young enthusiasts to explore, learn and grow together in the dynamic tech - industry. + This supportive network promotes young enthusiasts to explore, learn + and grow together in the dynamic tech industry.

{ diff --git a/components/ui/BentoGrid.tsx b/components/ui/BentoGrid.tsx index 9390309..7904245 100644 --- a/components/ui/BentoGrid.tsx +++ b/components/ui/BentoGrid.tsx @@ -2,7 +2,7 @@ import { useState } from "react"; import { IoCopyOutline } from "react-icons/io5"; // Also install this npm i --save-dev @types/react-lottie -import Lottie from "react-lottie"; +// import Lottie from "react-lottie"; import { cn } from "@/lib/utils"; @@ -12,19 +12,13 @@ import animationData from "@/data/confetti.json"; import MagicButton from "../MagicButton"; import Image from "next/image"; -export const BentoGrid = ({ - className, - children, -}: { - className?: string; - children?: React.ReactNode; -}) => { +export const BentoGrid = ({ className, children }: { className?: string; children?: React.ReactNode }) => { return (
{children} @@ -77,14 +71,13 @@ export const BentoGridItem = ({ className={cn( // remove p-4 rounded-3xl dark:bg-black dark:border-white/[0.2] bg-white border border-transparent, add border border-white/[0.1] overflow-hidden relative "row-span-1 relative overflow-hidden rounded-3xl border border-white/[0.1] group/bento hover:shadow-xl transition duration-200 shadow-input dark:shadow-none justify-between flex flex-col space-y-4", - className + className, )} style={{ // add these two // you can generate the color from here https://cssgradient.io/ background: "rgb(4,7,29)", - backgroundColor: - "linear-gradient(90deg, rgba(4,7,29,1) 0%, rgba(12,14,35,1) 100%)", + backgroundColor: "linear-gradient(90deg, rgba(4,7,29,1) 0%, rgba(12,14,35,1) 100%)", }} > {/* add img divs */} @@ -100,11 +93,7 @@ export const BentoGridItem = ({ /> )}
-
+
{spareImg && ( {/* change the order of the title and des, font-extralight, remove text-xs text-neutral-600 dark:text-neutral-300 , change the text-color */} @@ -134,11 +123,7 @@ export const BentoGridItem = ({
{/* add text-3xl max-w-96 , remove text-neutral-600 dark:text-neutral-300*/} {/* remove mb-2 mt-2 */} -
- {title} -
+
{title}
{/* for the github 3d globe */} {id === 2 && } @@ -179,13 +164,10 @@ export const BentoGridItem = ({ {/* add rounded-md h-8 md:h-8, remove rounded-full */} {/* remove focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 */} {/* add handleCopy() for the copy the text */} -
+
+ {/* confetti */} - + {/* */}