Skip to content

[project-section] Project and Resume section changes #127

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

Merged
num-js merged 1 commit into from
May 16, 2026
Merged

[project-section] Project and Resume section changes #127

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
Binary file added public/assets/resume/Md_Numan_Ahmed_Resume.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/Dec-2021/CV-Numan.docx
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/Dec-2021/CV-Numan.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/Dec-2021/CV-Numan1.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/Dec-2021/old-CV-Numan.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/cv-fre/CV-Numan.docx
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/OLD/cv-fre/CV-Numan.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/Resume-Numan-frontend.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed public/assets/resume/Resume-Numan.docx
View file
Open in desktop
Binary file not shown.
Binary file added public/images/projects/struct-ui.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
35 changes: 26 additions & 9 deletions src/assets/data/projectsData.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,29 @@
[
{
"name": "CollegePath",
"name": "Struct-UI",
"type": "front-end",
"image": "../images/projects/college-path.png",
"demo": "https://collegepath.in",
"image": "../images/projects/struct-ui.png",
"demo": "https://ui-struct.vercel.app",
"code": "https://github.com/TheUndefinedCoders/struct-ui",
"repo": "https://github.com/TheUndefinedCoders/struct-ui",
"description": "Struct-UI is a collection of reusable UI components for React applications. It is built with Shadcn, Motion, and Tailwind CSS.",
"usedTech": [
"React",
"Next.js",
"Tailwind CSS",
"Shadcn",
"Motion",
"TypeScript"
]
},
{
"name": "Al-Madad Welfare Society",
"type": "front-end",
"image": "../images/projects/al-madad-welfare-society.png",
"demo": "https://almadadwelfaresociety.com",
"code": "",
"repo": "",
"description": "Developed a student-focused platform that simplifies the college admission journey by providing guidance, course discovery, and application support in one place.",
"description": "Build a fully responsive website for an NGO focused on uplifting underprivileged communities through initiatives in education, healthcare, and social welfare.",
"usedTech": [
"React",
"Shadcn",
Expand All @@ -18,7 +35,7 @@
"name": "AI-Computer Training Center",
"type": "front-end back-end",
"image": "../images/projects/aictc.png",
"demo": "https://collegepath.in",
"demo": "https://aictc.vercel.app",
"code": "",
"repo": "",
"description": "AICTC Platform is a web application for an offline computer training institute, enabling students to apply for admissions and track their attendance digitally. It includes a comprehensive admin panel to manage courses, students, fees, and overall institute operations efficiently.",
Expand All @@ -31,13 +48,13 @@
]
},
{
"name": "Al-Madad Welfare Society",
"name": "CollegePath",
"type": "front-end",
"image": "../images/projects/al-madad-welfare-society.png",
"demo": "https://almadadwelfaresociety.com",
"image": "../images/projects/college-path.png",
"demo": "https://collegepath.in",
"code": "",
"repo": "",
"description": "Build a fully responsive website for an NGO focused on uplifting underprivileged communities through initiatives in education, healthcare, and social welfare.",
"description": "Developed a student-focused platform that simplifies the college admission journey by providing guidance, course discovery, and application support in one place.",
"usedTech": [
"React",
"Shadcn",
Expand Down
2 changes: 1 addition & 1 deletion src/components/Header/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ const Header = () => {

<a
download
href="../assets/resume/Resume-Numan-frontend.pdf"
href="../assets/resume/Md_Numan_Ahmed_Resume.pdf"
className="inline-flex shrink-0 items-center justify-center rounded-md border border-white/70 bg-transparent px-5 py-1.5 text-[0.88rem] font-medium tracking-wide text-white no-underline transition-all duration-200 hover:border-primary hover:bg-primary/10 hover:text-primary hover:shadow-[0_0_16px_rgba(0,212,200,0.25)] max-md:mt-3.5 max-md:self-start"
>
Download CV
Expand Down
26 changes: 18 additions & 8 deletions src/components/Projects/Projects.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { PROJECTS } from '../../helpers/routesURL';
import scrollToPosition from '../../helpers/scrollToPosition';
import { SectionHeader, SkillsView } from '../SharedComponents';
import AnimatedHoverButton from '../shared/AnimatedHoverButton';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';

type ProjectEntry = (typeof projectsData)[number];

Expand All @@ -24,6 +25,7 @@ const Projects = () => {
return (
<>
<section className="mb-20 text-gray-600 body-font lg:mt-10">
<TooltipProvider delayDuration={250} skipDelayDuration={120}>
<SectionHeader sectionTitle="Projects" />

<div>
Expand Down Expand Up @@ -76,10 +78,12 @@ const Projects = () => {
}
return (
<div key={index} className={`-mb-36 ${isLeftSide ? 'mr-24' : 'ml-24'}`}>
<div
className="w-full p-5 bg-cover rounded-lg cursor-pointer h-96 mr-30"
style={{ backgroundImage: `url(${projectData.image})` }}
></div>
<a href={projectData.demo} target="_blank" rel="noreferrer">
<div
className="w-full p-5 bg-cover rounded-lg cursor-pointer h-96 mr-30"
style={{ backgroundImage: `url(${projectData.image})` }}
></div>
</a>

<div
className={`relative -top-52 w-80 rounded-2xl border border-white/[0.18] bg-surface-glass/90 p-5 text-white shadow-glass backdrop-blur-xl ${
Expand All @@ -88,16 +92,21 @@ const Projects = () => {
>
<div className="flex justify-between">
<div>
<h1 className="title-font mb-1 text-xl font-medium drop-shadow-[0_0_5px_rgba(0,0,0,0.9)]">
<h1 className=" text-primary title-font mb-1 text-xl font-medium drop-shadow-[0_0_5px_rgba(0,0,0,0.9)]">
{projectData.name}
</h1>
</div>
<div className="flex justify-between">
{projectData.repo && (
<span className="ml-4">
<a target="_blank" rel="noreferrer" href={`${projectData.repo}`}>
<img alt="numan ahmed" src="../icons/github-small.svg" width="30" />
</a>
<Tooltip>
<TooltipTrigger asChild>
<a href={projectData.repo} target="_blank" rel="noreferrer" aria-label="View Code">
<img alt="GitHub" src="../icons/github-small.svg" width="30" />
</a>
</TooltipTrigger>
<TooltipContent side="top">View Code</TooltipContent>
</Tooltip>
</span>
)}
</div>
Expand Down Expand Up @@ -163,6 +172,7 @@ const Projects = () => {
</div>
)}
</div>
</TooltipProvider>
</section>
</>
);
Expand Down
Loading