From afbe5b2473cda0596106a22536d1007ae646a3fc Mon Sep 17 00:00:00 2001 From: Kamgang Nintcheu David Date: Sun, 31 Dec 2023 12:42:49 +0100 Subject: [PATCH] init --- src/app/page.js | 109 +------ src/components/component.jsx | 531 +++++++++++++++++++++++++++++++++++ src/components/ui/avatar.jsx | 35 +++ src/components/ui/badge.jsx | 34 +++ src/components/ui/button.jsx | 47 ++++ src/components/ui/card.jsx | 50 ++++ src/lib/utils.js | 6 + 7 files changed, 705 insertions(+), 107 deletions(-) create mode 100644 src/components/component.jsx create mode 100644 src/components/ui/avatar.jsx create mode 100644 src/components/ui/badge.jsx create mode 100644 src/components/ui/button.jsx create mode 100644 src/components/ui/card.jsx create mode 100644 src/lib/utils.js diff --git a/src/app/page.js b/src/app/page.js index 36412f0..69cbb7d 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -1,113 +1,8 @@ import Image from 'next/image' +import { Component } from '@/components/component' export default function Home() { return ( -
-
-

- Get started by editing  - src/app/page.js -

-
- - By{' '} - Vercel Logo - -
-
- -
- Next.js Logo -
- -
- -

- Docs{' '} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{' '} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{' '} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{' '} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
+ Component() ) } diff --git a/src/components/component.jsx b/src/components/component.jsx new file mode 100644 index 0000000..a18eb50 --- /dev/null +++ b/src/components/component.jsx @@ -0,0 +1,531 @@ +/** + * This code was generated by v0 by Vercel. + * @see https://v0.dev/t/NwZppYATz9q + */ +import Link from "next/link" +import { Avatar } from "@/components/ui/avatar" +import { Badge } from "@/components/ui/badge" +import { CardHeader, CardContent, Card } from "@/components/ui/card" +import { Button } from "@/components/ui/button" + +export function Component() { + return ( + (
+
+

David KAMGANG

+ +
+
+
+
+ Your Picture +
+

Hello, I'm a HPC and Data Science Engineer

+

I specialize in creating high-quality web and mobile applications.

+
+
+
+ + + + + + + + + + + + + + + +
+
+
+
+ +

About Me

+

+ - šŸ‘€ Iā€™m interested in Data Science, HPC and problem solving.
+ - šŸŒ± I'm currently improving my skills in deep learning, high-performance computing (HPC) methods, and full-stack development.
+ - šŸ’žļø Iā€™m looking to collaborate on Data Science šŸ”„ , Maths libraries development šŸ”„
+ - šŸ“« How to reach me davidkamgang84@gmail.com
+

+ +
+
+

Current Projects

+
+ + +

+ + Project Rocket +

+ + +

+ This project goal is to provide dynamic dashboards on the state of stocks. It helps answer the question : should that hold or sell ? LLM, GCP, Pandas, Streamlit, Chart Js, Github +

+ + + + +

+ + Project PromoTime +

+ + +

+ This project goal is to help figuring out if a company is lying about it promos. I'm still constructing the architecture. +

+ + + + +

+ + Project Feynman +

+ + +

+ This project goal is to help Students and people learn more effectively. You provide your subject and it provides a synthesis and progressives questions to help learning. It provides multi choice questions... +

+ + +
+
+
+

Skills

+
+ + +

Data Engineering

+ + + SQL + DBT + Snowflake + Azure + AWS + GCP + Spark + ELK + + + + +

DevOps

+ + + Github Action + GitLab + Docker + Airflow + Kubernetes + Argoproj + Terraform + + + + +

HPC

+ + + CUDA + OpenCL + OpenMP + MPI + MKL + BLAS + LAPACK + + Inria/Vite + + + + +

Data Science

+ + + PyTorch + TensorFlow + Hugging Face + Pandas + + +
+
+
+

Contact

+ + + +
+
+

Ā© David KAMGANG

+
+
) + ); +} + + +function InfoIcon(props) { + return ( + ( + + + + ) + ); +} + + +function ProjectorIcon(props) { + return ( + ( + + + + + + + ) + ); +} + + +function ActivityIcon(props) { + return ( + ( + + ) + ); +} + + +function SchoolIcon(props) { + return ( + ( + + + + + + + ) + ); +} + + +function ComputerIcon(props) { + return ( + ( + + + + + ) + ); +} + + +function CurrencyIcon(props) { + return ( + ( + + + + + + ) + ); +} + + +function ContactIcon(props) { + return ( + ( + + + + + + ) + ); +} + + +function MailIcon(props) { + return ( + ( + + + ) + ); +} + +function YoutubeIcon(props) { + return ( + + + + + ) +} + +function InstagramIcon(props) { + return ( + + + + + + ) +} + + +function LinkedinIcon(props) { + return ( + + + + + + ) +} + +function GithubIcon(props) { + return ( + + + + + ) +} \ No newline at end of file diff --git a/src/components/ui/avatar.jsx b/src/components/ui/avatar.jsx new file mode 100644 index 0000000..4920324 --- /dev/null +++ b/src/components/ui/avatar.jsx @@ -0,0 +1,35 @@ +"use client" + +import * as React from "react" +import * as AvatarPrimitive from "@radix-ui/react-avatar" + +import { cn } from "@/lib/utils" + +const Avatar = React.forwardRef(({ className, ...props }, ref) => ( + +)) +Avatar.displayName = AvatarPrimitive.Root.displayName + +const AvatarImage = React.forwardRef(({ className, ...props }, ref) => ( + +)) +AvatarImage.displayName = AvatarPrimitive.Image.displayName + +const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => ( + +)) +AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName + +export { Avatar, AvatarImage, AvatarFallback } diff --git a/src/components/ui/badge.jsx b/src/components/ui/badge.jsx new file mode 100644 index 0000000..deae51c --- /dev/null +++ b/src/components/ui/badge.jsx @@ -0,0 +1,34 @@ +import * as React from "react" +import { cva } from "class-variance-authority"; + +import { cn } from "@/lib/utils" + +const badgeVariants = cva( + "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", + { + variants: { + variant: { + default: + "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", + secondary: + "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", + destructive: + "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", + outline: "text-foreground", + }, + }, + defaultVariants: { + variant: "default", + }, + } +) + +function Badge({ + className, + variant, + ...props +}) { + return (
); +} + +export { Badge, badgeVariants } diff --git a/src/components/ui/button.jsx b/src/components/ui/button.jsx new file mode 100644 index 0000000..9bdf65b --- /dev/null +++ b/src/components/ui/button.jsx @@ -0,0 +1,47 @@ +import * as React from "react" +import { Slot } from "@radix-ui/react-slot" +import { cva } from "class-variance-authority"; + +import { cn } from "@/lib/utils" + +const buttonVariants = cva( + "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", + { + variants: { + variant: { + default: "bg-primary text-primary-foreground hover:bg-primary/90", + destructive: + "bg-destructive text-destructive-foreground hover:bg-destructive/90", + outline: + "border border-input bg-background hover:bg-accent hover:text-accent-foreground", + secondary: + "bg-secondary text-secondary-foreground hover:bg-secondary/80", + ghost: "hover:bg-accent hover:text-accent-foreground", + link: "text-primary underline-offset-4 hover:underline", + }, + size: { + default: "h-10 px-4 py-2", + sm: "h-9 rounded-md px-3", + lg: "h-11 rounded-md px-8", + icon: "h-10 w-10", + }, + }, + defaultVariants: { + variant: "default", + size: "default", + }, + } +) + +const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => { + const Comp = asChild ? Slot : "button" + return ( + () + ); +}) +Button.displayName = "Button" + +export { Button, buttonVariants } diff --git a/src/components/ui/card.jsx b/src/components/ui/card.jsx new file mode 100644 index 0000000..dd79b51 --- /dev/null +++ b/src/components/ui/card.jsx @@ -0,0 +1,50 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +const Card = React.forwardRef(({ className, ...props }, ref) => ( +
+)) +Card.displayName = "Card" + +const CardHeader = React.forwardRef(({ className, ...props }, ref) => ( +
+)) +CardHeader.displayName = "CardHeader" + +const CardTitle = React.forwardRef(({ className, ...props }, ref) => ( +

+)) +CardTitle.displayName = "CardTitle" + +const CardDescription = React.forwardRef(({ className, ...props }, ref) => ( +

+)) +CardDescription.displayName = "CardDescription" + +const CardContent = React.forwardRef(({ className, ...props }, ref) => ( +

+)) +CardContent.displayName = "CardContent" + +const CardFooter = React.forwardRef(({ className, ...props }, ref) => ( +
+)) +CardFooter.displayName = "CardFooter" + +export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } diff --git a/src/lib/utils.js b/src/lib/utils.js new file mode 100644 index 0000000..20aa603 --- /dev/null +++ b/src/lib/utils.js @@ -0,0 +1,6 @@ +import { clsx } from "clsx" +import { twMerge } from "tailwind-merge" + +export function cn(...inputs) { + return twMerge(clsx(inputs)) +}