Check Out My New Cursor Animation Library!
35 | 36 | 40 | Check Now 41 | 42 |Overview
30 |Who am I
31 |{experience.company}
61 |{experience.duration}
62 |69 | {experience.description} 70 |
71 |Selected Works
87 |🎉 SUPERPOWER 🎉
137 |which I have
138 |27 | {children} 28 |
29 | ) 30 | } 31 | 32 | export default AnimatedShinyText 33 | -------------------------------------------------------------------------------- /src/components/ui/badge.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import { cva, type VariantProps } from "class-variance-authority" 3 | 4 | import { cn } from "@/lib/utils" 5 | 6 | const badgeVariants = cva( 7 | "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", 8 | { 9 | variants: { 10 | variant: { 11 | default: 12 | "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", 13 | secondary: 14 | "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", 15 | destructive: 16 | "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", 17 | outline: "text-foreground", 18 | }, 19 | }, 20 | defaultVariants: { 21 | variant: "default", 22 | }, 23 | } 24 | ) 25 | 26 | export interface BadgeProps 27 | extends React.HTMLAttributes79 | As a Full Stack Developer at Sinss Digital Marketing Studio since Dec 2023, I've built e-commerce platforms, CRMs, and project management tools using the MERN stack, Next.js, PostgreSQL, and MySQL. I've also independently designed and developed over eight websites, turning ideas into impactful solutions. 80 |
81 |91 | Previously, during my React Developer Internship at Nectarglob Technologies (Dec 2023–Mar 2024), I contributed to a SharePoint-based CRM application, gaining valuable experience in enterprise workflows. 92 |
93 |103 | With expertise in React.js, Node.js, and scalable databases, I'm passionate about creating user-focused applications that make a difference. 104 |
105 |113 | Passionate{" "} 114 | 115 | Full-Stack Developer 116 | {" "} 117 | with 1+ years of experience building scalable and user-focused 118 | web applications. Skilled in the{" "} 119 | MERN stack{" "} 120 | (MongoDB, Express, React, Node.js),{" "} 121 | Next.js,{" "} 122 | PostgreSQL 123 | , and{" "} 124 | MySQL. I 125 | focus on writing clean code, crafting intuitive UI/UX, and 126 | delivering impactful solutions from concept to deployment. 127 |
128 |138 | As a{" "} 139 | 140 | Freelance Full-Stack Developer 141 | 142 | , I’ve successfully designed and developed over eight websites, 143 | turning client ideas into fully functional, user-centric 144 | solutions. My freelance projects span e-commerce platforms, 145 | CRMs, and portfolio sites, all crafted with performance and 146 | scalability in mind. 147 |
148 |158 | With expertise in{" "} 159 | React.js,{" "} 160 | Node.js, 161 | and scalable databases, I’m passionate about creating 162 | user-focused applications that not only solve problems but also 163 | deliver exceptional user experiences. 164 |
165 |51 | {blog.summary} 52 |
53 |{blog.content}
66 |TOPIC NAME
79 |{blog.topic}
80 |READING TIME
83 |{blog.readingTime}
84 |PUBLISH DATE
87 |{blog.publishDate || blog.date}
88 |CATEGORIES
91 | {blog.categories.map((item, index) => ( 92 |{item}
93 | ))} 94 |Read More
{stat.label}
65 |{project.name}
83 |Website
87 |{project.description}
120 |