Skip to content

Commit

Permalink
new changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@sayshark75
sayshark75 committed Feb 25, 2025
1 parent 42eaa84 commit 5ec92e9
Show file tree
Hide file tree
Showing 11 changed files with 152 additions and 80 deletions.
3 changes: 2 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,5 +35,6 @@
"eslint-config-next": "15.0.3",
"typescript": "^5"
},
"author": "Sayyed Sharuk<[email protected]>"
"author": "Sayyed Sharuk<[email protected]>",
"packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
2 changes: 1 addition & 1 deletion src/components/HomeComponents/AboutSection/DescAboutPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ const DescAboutPage = () => {
textAlign={["justify"]}
fontSize={{ base: "12px", xl: "14px" }}
>
{`Hello, I'm Sayyed Sharuk—a dedicated Full Stack Developer based in Ahmednagar, Maharashtra. I specialize in building high-performance web applications with a versatile skill set. Beyond coding, I enjoy travel, culinary experiences, and the tranquility of rural landscapes. I'm always eager to collaborate on innovative projects.`}
{`Hello, I'm Sayyed Sharuk—a dedicated AI driven Frontend Developer based in Ahmednagar, Maharashtra. I specialize in building high-performance, SEO rich web applications with a versatile skill set. Beyond coding, I enjoy travel, culinary experiences, and the tranquility of rural landscapes. I'm always eager to contribute on innovative projects.`}
</MotionText>
);
};
Expand Down
5 changes: 3 additions & 2 deletions src/components/HomeComponents/HeroSection/DescHome.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,9 @@ const DescHome = () => {
letterSpacing={"1.5px"}
opacity={0}
>
A Full Stack Developer who enjoys solving problems and building quality projects. With a diverse set of skills and technologies, Can develop
robust and efficient products. Keep up with the latest advancements in the field, and work well with teams to deliver the best possible results.
An AI driven Full Stack Developer who enjoys solving problems and building quality projects. With a diverse set of skills and technologies, Can
develop robust and efficient products. Keep up with the latest advancements in the field, and work well with teams to deliver the best possible
results.
</MotionText>
);
};
Expand Down
2 changes: 1 addition & 1 deletion src/components/HomeComponents/ProjectsSection/Projects.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ const Projects = () => {
direction={"column"}
pos={"relative"}
>
<SubHeading title1="Individual" title2="Projects" />
<SubHeading title1="Hobby" title2="Projects" />
<CarouselComp mapperFunction={PersonalProjectMapper} slides={1} />
</Flex>
</Flex>
Expand Down
93 changes: 47 additions & 46 deletions src/components/HomeComponents/ProjectsSection/ProjectsCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { Box, Button, Flex, Highlight, Image, Text } from "@chakra-ui/react";
import SmHeading from "../Headings/SmHeading";
import { ProjectDataProps } from "@/resources/TYPES";
import Link from "next/link";
import { MdLock } from "react-icons/md";

const ProjectsCard = ({ live, github, image, workType, heading1, heading2, status, summary, TStack }: ProjectDataProps) => {
return (
Expand Down Expand Up @@ -108,7 +109,7 @@ const ProjectsCard = ({ live, github, image, workType, heading1, heading2, statu
transition={"500ms"}
rounded={"full"}
fontSize={["14px", "16px"]}
width={!github ? "100%" : "7rem"}
width={"7rem"}
fontWeight={["300", "400"]}
color={"#fff"}
overflow={"hidden"}
Expand Down Expand Up @@ -144,52 +145,52 @@ const ProjectsCard = ({ live, github, image, workType, heading1, heading2, statu
</Button>
</Flex>
</Link>
{github && (
<Link href={github} target={"_blank"} rel="noreferrer">
<Flex pos={"relative"}>
<Button
pos={"relative"}
zIndex={2}
transition={"500ms"}
rounded={"full"}
overflow={"hidden"}
fontSize={["14px", "16px"]}
width={"7rem"}
fontWeight={["300", "400"]}
color={"#fff"}
letterSpacing={"1.5px"}
_active={{ transform: "translateY(10px)" }}
bgColor={"accent"}
_hover={{
color: "accent",
_after: {
w: "100%",
left: "0px",
border: "1px solid",
borderColor: "accent",
},
}}
_after={{
content: '"."',
color: "transparent",
w: "0px",
minH: "100%",
pos: "absolute",
top: "0px",
right: "0px",
zIndex: -1,
transition: "500ms",
bgColor: "primary",
rounded: "full",
border: "0px solid",

<Link href={github ? github : "#"} target={"_blank"} rel="noreferrer">
<Flex pos={"relative"}>
<Button
disabled={!github}
pos={"relative"}
zIndex={2}
transition={"500ms"}
rounded={"full"}
overflow={"hidden"}
fontSize={["14px", "16px"]}
width={"7rem"}
fontWeight={["300", "400"]}
color={"#fff"}
letterSpacing={"1.5px"}
_active={{ transform: "translateY(10px)" }}
bgColor={"accent"}
_hover={{
color: "accent",
_after: {
w: "100%",
left: "0px",
border: "1px solid",
borderColor: "accent",
}}
>
Github
</Button>
</Flex>
</Link>
)}
},
}}
_after={{
content: '"."',
color: "transparent",
w: "0px",
minH: "100%",
pos: "absolute",
top: "0px",
right: "0px",
zIndex: -1,
transition: "500ms",
bgColor: "primary",
rounded: "full",
border: "0px solid",
borderColor: "accent",
}}
>
Github {github ? "" : <MdLock />}
</Button>
</Flex>
</Link>
</Flex>
</Flex>
</Flex>
Expand Down
2 changes: 1 addition & 1 deletion src/components/HomeComponents/TechnicalSkillsSection/TechnicalSkills.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const TechnicalSkills = () => {
justifyContent={"center"}
alignItems={"center"}
>
<MdHeading title1="Technical" title2="Skills" />
<MdHeading title1="Professional" title2="Skills" />
<CarouselComp mapperFunction={SkillsMapper} slides={3} />
</Flex>
</Box>
Expand Down
8 changes: 4 additions & 4 deletions src/components/HomeComponents/TimelineSection.tsx/TimelineCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -67,12 +67,12 @@ const TimelineCard = ({
py={1}
align={"center"}
gap={1}
rounded={"full"}
roundedStart={"full"}
pos={"absolute"}
top={2}
right={2}
bgColor={"light"}
color={"darker"}
right={0}
bgColor={"darker"}
color={"light"}
shadow={"md"}
fontSize={"12px"}
fontWeight={"500"}
Expand Down
3 changes: 2 additions & 1 deletion src/components/Navbar/MobileNav.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import { PopoverArrow, PopoverBody, PopoverContent, PopoverRoot, PopoverTitle, P
import Link from "next/link";
import NavIcon from "./NavIcon";
import NavMenuButton from "./NavMenuButton";
import { MdMenu } from "react-icons/md";

const MobileNav = ({ buttonData }: { buttonData: NavButtonType[] }) => {
const { isScrolling } = useCheckScrolling();
Expand All @@ -27,7 +28,7 @@ const MobileNav = ({ buttonData }: { buttonData: NavButtonType[] }) => {
<PopoverRoot open={open} onOpenChange={(e) => setOpen(e.open)}>
<PopoverTrigger asChild>
<IconButton color={"#fff"} bgColor={"accent"} rounded={"full"} ml={6}>
<FaHamburger />
<MdMenu />
</IconButton>
</PopoverTrigger>
<PopoverContent maxW={"160px"}>
Expand Down
8 changes: 4 additions & 4 deletions src/resources/ContributionData.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@ import { CgWebsite } from "react-icons/cg";
import { IoMdGitCommit } from "react-icons/io";

export const ContributionData: ContributionDataType[] = [
{ icon: <MdOutlineStar />, value: "1800+", title: "Hours of Coding Experience", delay: "200ms" },
{ icon: <MdCodeOff />, value: "920+", title: "DSA Problems Solved", delay: "400ms" },
{ icon: <CgWebsite />, value: "8+", title: "Ongoing Projects", delay: "600ms" },
{ icon: <IoMdGitCommit />, value: "1950+", title: "Github Contribution", delay: "800ms" },
{ icon: <MdOutlineStar />, value: "1980+", title: "Hours of Coding Experience", delay: "200ms" },
{ icon: <MdCodeOff />, value: "940+", title: "DSA Problems Solved", delay: "400ms" },
{ icon: <CgWebsite />, value: "8+", title: "Completed Projects", delay: "600ms" },
{ icon: <IoMdGitCommit />, value: "2400+", title: "Github Contribution", delay: "800ms" },
];
32 changes: 16 additions & 16 deletions src/resources/ProjectsData.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
heading2: "Board",
status: ProjectStatus.Development,
workType: "Individual",
summary: "A Productivity Platform, to manage browser tabs and projects",
summary: "A Productivity Platform, to manage daily important browser tabs and projects",
TStack: ["React", "NextJS", "TypeScript", "Prisma ORM", "MongoDB", "Chakra UI", "NextAuth"],
},
{
Expand All @@ -59,7 +59,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
heading2: "Bank",
status: ProjectStatus.Development,
workType: "Team of 2 Members",
summary: "Use frequently required code snippets and tools",
summary: "Use frequently required code snippets and tools, help other people to develop faster",
TStack: ["React", "NextJS", "TypeScript", "Prisma ORM", "MongoDB", "Chakra UI", "NextAuth"],
},
{
Expand All @@ -70,7 +70,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
status: ProjectStatus.Completed,
heading2: "(Clone)",
workType: "Team of 4 Members",
summary: "An Ecommerce website for fashion-related products.",
summary: "A Clone of Ecommerce website for Masai school's construct week. made in 5 days.",
TStack: ["React", "Node", "ChakraUI", "Express", "MongoDB"],
},
{
Expand All @@ -81,7 +81,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
status: ProjectStatus.Completed,
heading2: "(Youtube App)",
workType: "Individual",
summary: "A simple video platform to watch YouTube videos Online.",
summary: "A simple video platform to watch YouTube videos Online. practicing youtube API's.",
TStack: ["React", "TypeScript", "Redux", "YouTube API", "ChakraUI"],
},
{
Expand All @@ -92,7 +92,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
heading2: "(Clone)",
status: ProjectStatus.Completed,
workType: "Team of 5 members",
summary: "A tech gadgets website with specifications of electronic gadgets.",
summary: "A tech website with specs of electronic gadgets. Practicing firebase in Masai school.",
TStack: ["React", "NextJS", "Firebase", "Redux", "ChakraUI"],
},
{
Expand All @@ -103,7 +103,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
status: ProjectStatus.Completed,
heading2: "(Clone)",
workType: "Individual",
summary: "An Ecommerce website for cosmetics and beauty products.",
summary: "An Ecommerce website for beauty products. Construct week project in Masai school.",
TStack: ["React", "ChakraUI"],
},
{
Expand All @@ -114,7 +114,7 @@ export const PersonalProjectsData: ProjectDataProps[] = [
status: ProjectStatus.Completed,
heading2: "(Clone)",
workType: "Individual",
summary: "An online and offline news platform with a mix of news and information.",
summary: "A practice for core HTML, CSS and JS. Construct week project in Masai school.",
TStack: ["JavaScript", "HTML", "CSS"],
},
];
Expand All @@ -126,9 +126,9 @@ export const LiveProjectsData: ProjectDataProps[] = [
image: appleburyImg.src,
heading1: "AppleBury",
heading2: "B.A.",
status: ProjectStatus.Building,
status: ProjectStatus.Completed,
workType: "Team of 2 Members",
summary: "Empowering children to enhance Communication, Daily Living Skills, and Socialization.",
summary: "Helping children to enhance communication, daily living skills and socialization.",
TStack: ["NextJS", "Framer Motion", "Chakra UI", "Google API", "TypeScript"],
},
{
Expand All @@ -150,7 +150,7 @@ export const LiveProjectsData: ProjectDataProps[] = [
heading2: "Kitchen",
status: ProjectStatus.Completed,
workType: "Team of 2 Members",
summary: "Build Kitchen and Robust Interior Designing Professionally.",
summary: "Build Kitchen and Robust Interior Designing Professionally in Mumbai India.",
TStack: ["React", "NextJs", "Framer Motion", "GoogleAPI", "SendGrid", "ChakraUI"],
},
{
Expand All @@ -161,7 +161,7 @@ export const LiveProjectsData: ProjectDataProps[] = [
heading2: "Fashion",
status: ProjectStatus.Completed,
workType: "Team of 3 Members",
summary: "Sell Wrist Watches, and Fashion related products.",
summary: "A shopify website for Sell Wrist Watches, and Fashion related products.",
TStack: ["Shopify", "Liquid", "CSS"],
},
{
Expand All @@ -170,9 +170,9 @@ export const LiveProjectsData: ProjectDataProps[] = [
image: terractiveImg.src,
heading1: "Terractive",
heading2: "Merch",
status: ProjectStatus.Development,
status: ProjectStatus.Completed,
workType: "Team of 2 Members",
summary: "Sells Clothing and Accessories across all Cities in India.",
summary: "A popular brand which Sells Clothing and Accessories across all Cities in India.",
TStack: ["Shopify", "Liquid", "CSS"],
},
{
Expand All @@ -181,9 +181,9 @@ export const LiveProjectsData: ProjectDataProps[] = [
image: equationsImg.src,
heading1: "Equations",
heading2: "(Virtual CFO)",
status: ProjectStatus.Development,
status: ProjectStatus.Completed,
workType: "Team of 2 Members",
summary: "Provides financial strategy and accounting solutions for startups.",
summary: "Provides financial strategy and accounting solutions for startups by remote method.",
TStack: ["React", "NextJs", "SSR", "Express", "ChakraUI"],
},
{
Expand All @@ -194,7 +194,7 @@ export const LiveProjectsData: ProjectDataProps[] = [
status: ProjectStatus.Completed,
heading2: "Treats",
workType: "Team of 4 Members",
summary: "Sells Sweet and Snacks across all Cities in India.",
summary: "A mumbai based brand which Sells Sweet and Snacks across all Cities in India.",
TStack: ["React", "ViteJS", "Express", "Scss"],
},
// {
Expand Down
Loading

0 comments on commit 5ec92e9

Please sign in to comment.