Skip to content

feat: implement career and tech stack components with 3D physics anim… #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nirmalpatil132 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat: implement career and tech stack components with 3D physics anim… #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions build/models.nyanlib
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{}
2 changes: 1 addition & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Moncy Yohannan - Creative Developer | Designer</title>
<title>Nirmal Rajendra Patil - Backend Engineer & Agentic AI Specialist</title>
</head>
<body>
<div id="root"></div>
Expand Down
2,108 changes: 1,039 additions & 1,069 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,6 @@
"@types/three": "^0.168.0",
"@vercel/analytics": "^1.4.1",
"gsap": "^3.12.7",
"gsap-trial": "^3.12.7",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-fast-marquee": "^1.6.5",
Expand Down
4 changes: 1 addition & 3 deletions src/components/About.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,7 @@ const About = () => {
<div className="about-me">
<h3 className="title">About Me</h3>
<p className="para">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quis
dolores numquam iusto Ratione earum ducimus autem id iure pariatur
dolorum quae maiores.
Results-driven Software Engineer specializing in backend architecture (Node.js, Express) and Agentic AI systems (CrewAI, LangGraph). Proven track record of architecting scalable web applications, leading technical teams, and deploying LLM-powered workflows. Passionate about leveraging robust data analytics and modern development stacks to deliver impactful, user-centric solutions.
</p>
</div>
</div>
Expand Down
62 changes: 62 additions & 0 deletions src/components/Achievements.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
import "./styles/Achievements.css";
import { MdEmojiEvents, MdWorkspacePremium, MdMenuBook, MdLeaderboard, MdSportsCricket } from "react-icons/md";

const achievementsData = [
{
icon: <MdEmojiEvents />,
title: "Entrepreneurship Excellence",
subtitle: "NEC, IIT Bombay (2023 - 2025)",
description: "3-time Winner in the Basic and Advanced Track at the National Entrepreneurship Challenge (NEC), IIT Bombay."
},
{
icon: <MdMenuBook />,
title: "IEEE Conference Publication",
subtitle: "Research & Development",
description: "Co-authored and submitted a research paper on the BizHub AI-driven gamified e-learning architecture."
},
{
icon: <MdLeaderboard />,
title: "Leadership & Representation",
subtitle: "Ambassador & Board Member",
description: "Selected as Google Student Ambassador (2026), Internshala Student Partner, and core board member of E-Cell, CSESA, and PDC."
},
{
icon: <MdWorkspacePremium />,
title: "Technical Certifications",
subtitle: "Professional Credentials",
description: "Complete Agentic AI Engineering, Data Analytics, Full Stack Web Development, Python Bootcamp (Udemy), and Figma UI/UX Design."
},
{
icon: <MdSportsCricket />,
title: "Sports & Extracurriculars",
subtitle: "College & School Athletics",
description: "Championed school and college-level competitions in Cricket, Kabaddi, and Badminton."
}
];

const Achievements = () => {
return (
<div className="achievements-section section-container" id="achievements">
<div className="achievements-container">
<h2>
Achievements <span>&</span>
<br /> Certifications
</h2>
<div className="achievements-grid">
{achievementsData.map((item, index) => (
<div className="achievement-card" key={index}>
<div className="achievement-icon">{item.icon}</div>
<div className="achievement-info">
<h3>{item.title}</h3>
<h4>{item.subtitle}</h4>
<p>{item.description}</p>
</div>
</div>
))}
</div>
</div>
</div>
);
};

export default Achievements;
56 changes: 37 additions & 19 deletions src/components/Career.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import "./styles/Career.css";

const Career = () => {
return (
<div className="career-section section-container">
<div className="career-section section-container" id="experience">
<div className="career-container">
<h2>
My career <span>&</span>
Expand All @@ -15,43 +15,61 @@ const Career = () => {
<div className="career-info-box">
<div className="career-info-in">
<div className="career-role">
<h4>Position In Company</h4>
<h5>Company Name</h5>
<h4>Google Student Ambassador</h4>
<h5>Google Gemini</h5>
</div>
<h3>20XX</h3>
<h3>2026 - Present</h3>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim
labore sit non ipsum temporibus quidem, deserunt eaque officiis
mollitia ratione suscipit repellat.
Raised campus awareness of Google AI and Gemini technologies by marketing and delivering practical, hands-on demonstrations to student groups.
</p>
</div>
<div className="career-info-box">
<div className="career-info-in">
<div className="career-role">
<h4>Position In Company</h4>
<h5>Company Name</h5>
<h4>Backend Web Developer Intern</h4>
<h5>CODTECH IT SOLUTIONS</h5>
</div>
<h3>20XX</h3>
<h3>2025</h3>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim
labore sit non ipsum temporibus quidem, deserunt eaque officiis
mollitia ratione suscipit repellat.
Engineered backend systems utilizing Node.js, Express, and RESTful APIs. Optimized database structures and executed queries, effectively improving overall application performance and data processing.
</p>
</div>
<div className="career-info-box">
<div className="career-info-in">
<div className="career-role">
<h4>Position In Company</h4>
<h5>Company Name</h5>
<h4>Technical Head</h4>
<h5>E-Cell, GCOEK</h5>
</div>
<h3>NOW</h3>
<h3>2024 - 2026</h3>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim
labore sit non ipsum temporibus quidem, deserunt eaque officiis
mollitia ratione suscipit repellat.
Collaborated on the development of student web portals. Worked alongside a technical team of 4 junior developers (selected from 200+ applicants), guiding them on cell operations and web workflows.
</p>
</div>
<div className="career-info-box">
<div className="career-info-in">
<div className="career-role">
<h4>Executive Board Member</h4>
<h5>CSESA & PDC, GCOEK</h5>
</div>
<h3>2024 - Present</h3>
</div>
<p>
Planned and executed technical mock interviews, career readiness workshops, and departmental events to improve student employability and community engagement.
</p>
</div>
<div className="career-info-box">
<div className="career-info-in">
<div className="career-role">
<h4>B.Tech in Computer Science & Engineering</h4>
<h5>Government College of Engineering, Kolhapur</h5>
</div>
<h3>2023 - Present</h3>
</div>
<p>
Pursuing B.Tech in CSE (CGPA: 7.21). Previous: HSC (84.17%) at Indira Gandhi Jr. College, SSC (93.00%) at P. R. High School.
</p>
</div>
</div>
Expand Down
34 changes: 10 additions & 24 deletions src/components/Contact.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,58 +10,44 @@ const Contact = () => {
<div className="contact-box">
<h4>Email</h4>
<p>
<a href="mailto:example@mail.com" data-cursor="disable">
example@mail.com
<a href="mailto:nirmalpatil615@gmail.com" data-cursor="disable">
nirmalpatil615@gmail.com
</a>
</p>
<h4>Phone</h4>
<p>
<a href="tel:+9199999999" data-cursor="disable">
+91 99999 99999
<a href="tel:+919322351145" data-cursor="disable">
+91 93223 51145
</a>
</p>
<h4>Location</h4>
<p>Kolhapur, Maharashtra, India</p>
</div>
<div className="contact-box">
<h4>Social</h4>
<a
href="https://github.com"
href="https://github.com/nirmalpatil132"
target="_blank"
data-cursor="disable"
className="contact-social"
>
Github <MdArrowOutward />
</a>
<a
href="https://www.linkedin.com"
href="https://linkedin.com/in/patilnirmal"
target="_blank"
data-cursor="disable"
className="contact-social"
>
Linkedin <MdArrowOutward />
</a>
<a
href="https://x.com"
target="_blank"
data-cursor="disable"
className="contact-social"
>
Twitter <MdArrowOutward />
</a>
<a
href="https://www.instagram.com"
target="_blank"
data-cursor="disable"
className="contact-social"
>
Instagram <MdArrowOutward />
</a>
</div>
<div className="contact-box">
<h2>
Designed and Developed <br /> by <span>Moncy Yohannan</span>
Designed and Developed <br /> by <span>Nirmal Rajendra Patil</span>
</h2>
<h5>
<MdCopyright /> 2024
<MdCopyright /> 2026
</h5>
</div>
</div>
Expand Down
14 changes: 7 additions & 7 deletions src/components/Landing.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,20 @@ const Landing = ({ children }: PropsWithChildren) => {
<div className="landing-intro">
<h2>Hello! I'm</h2>
<h1>
MONCY
NIRMAL
<br />
<span>YOHANNAN</span>
<span>PATIL</span>
</h1>
</div>
<div className="landing-info">
<h3>A Creative</h3>
<h3>Software Engineer &</h3>
<h2 className="landing-info-h2">
<div className="landing-h2-1">Designer</div>
<div className="landing-h2-2">Developer</div>
<div className="landing-h2-1">Backend Engineer</div>
<div className="landing-h2-2">Agentic AI Specialist</div>
</h2>
<h2>
<div className="landing-h2-info">Developer</div>
<div className="landing-h2-info-1">Designer</div>
<div className="landing-h2-info">Agentic AI Specialist</div>
<div className="landing-h2-info-1">Backend Engineer</div>
</h2>
</div>
</div>
Expand Down
2 changes: 2 additions & 0 deletions src/components/MainContainer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import Navbar from "./Navbar";
import SocialIcons from "./SocialIcons";
import WhatIDo from "./WhatIDo";
import Work from "./Work";
import Achievements from "./Achievements";
import setSplitText from "./utils/splitText";

const TechStack = lazy(() => import("./TechStack"));
Expand Down Expand Up @@ -42,6 +43,7 @@ const MainContainer = ({ children }: PropsWithChildren) => {
<About />
<WhatIDo />
<Career />
<Achievements />
<Work />
{isDesktopView && (
<Suspense fallback={<div>Loading....</div>}>
Expand Down
18 changes: 14 additions & 4 deletions src/components/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { useEffect } from "react";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import HoverLinks from "./HoverLinks";
import { gsap } from "gsap";
import { ScrollSmoother } from "gsap-trial/ScrollSmoother";
import { ScrollSmoother } from "gsap/ScrollSmoother";
import "./styles/Navbar.css";

gsap.registerPlugin(ScrollSmoother, ScrollTrigger);
Expand Down Expand Up @@ -43,26 +43,36 @@ const Navbar = () => {
<>
<div className="header">
<a href="/#" className="navbar-title" data-cursor="disable">
Logo
NIRMAL PATIL
</a>
<a
href="mailto:example@mail.com"
href="mailto:nirmalpatil615@gmail.com"
className="navbar-connect"
data-cursor="disable"
>
example@mail.com
nirmalpatil615@gmail.com
</a>
<ul>
<li>
<a data-href="#about" href="#about">
<HoverLinks text="ABOUT" />
</a>
</li>
<li>
<a data-href="#experience" href="#experience">
<HoverLinks text="EXPERIENCE" />
</a>
</li>
<li>
<a data-href="#work" href="#work">
<HoverLinks text="WORK" />
</a>
</li>
<li>
<a data-href="#achievements" href="#achievements">
<HoverLinks text="ACHIEVEMENTS" />
</a>
</li>
<li>
<a data-href="#contact" href="#contact">
<HoverLinks text="CONTACT" />
Expand Down
25 changes: 5 additions & 20 deletions src/components/SocialIcons.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,4 @@
import {
FaGithub,
FaInstagram,
FaLinkedinIn,
FaXTwitter,
} from "react-icons/fa6";
import { FaGithub, FaLinkedinIn } from "react-icons/fa6";
import "./styles/SocialIcons.css";
import { TbNotes } from "react-icons/tb";
import { useEffect } from "react";
Expand Down Expand Up @@ -60,28 +55,18 @@ const SocialIcons = () => {
<div className="icons-section">
<div className="social-icons" data-cursor="icons" id="social">
<span>
<a href="https://github.com" target="_blank">
<a href="https://github.com/nirmalpatil132" target="_blank" rel="noopener noreferrer">
<FaGithub />
</a>
</span>
<span>
<a href="https://www.linkedin.com" target="_blank">
<a href="https://linkedin.com/in/patilnirmal" target="_blank" rel="noopener noreferrer">
<FaLinkedinIn />
</a>
</span>
<span>
<a href="https://x.com" target="_blank">
<FaXTwitter />
</a>
</span>
<span>
<a href="https://www.instagram.com" target="_blank">
<FaInstagram />
</a>
</span>
</div>
<a className="resume-button" href="#">
<HoverLinks text="RESUME" />
<a className="resume-button" href="mailto:nirmalpatil615@gmail.com">
<HoverLinks text="CONTACT" />
<span>
<TbNotes />
</span>
Expand Down
Loading