Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 290e85f

Browse files
TechPertzTechPertz
committedJan 25, 2025·
modularization and adding more texgt
1 parent 0bed11b commit 290e85f

File tree

5 files changed

+407
-263
lines changed

5 files changed

+407
-263
lines changed
 

‎app/components/Skills.tsx

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,30 @@ interface SkillCategory {
88
const skillCategories: SkillCategory[] = [
99
{
1010
name: 'Languages',
11-
skills: ['Python', 'C/C++', 'Java', 'SQL', 'JS/TS', 'GoLang']
11+
skills: ['Python', 'C/C++', 'Java', 'SQL', 'JS/TS', 'HTML/CSS']
1212
},
1313
{
1414
name: 'Backend',
15-
skills: ['Django/Flask/FastAPI', 'Node.js/Express.js', 'Serverless Architecture']
15+
skills: ['Django/Flask/FastAPI', 'Node.js', 'Spring Boot', 'Serverless', 'REST API', 'GraphQL']
1616
},
1717
{
1818
name: 'Frontend',
19-
skills: ['Next.js', 'Flutter', 'React.js', 'Tailwind CSS']
19+
skills: ['React.js', 'Next.js', 'Tailwind CSS', 'PyQT', 'Java Swing', 'Flutter']
2020
},
2121
{
2222
name: 'Database',
23-
skills: ['PostgreSQL', 'MongoDB', 'Redis', 'Elasticsearch']
23+
skills: ['PostgreSQL', 'MongoDB', 'Redis', 'Pinecone', 'Elasticsearch', 'DynamoDB', 'Cassandra']
2424
},
2525
{
2626
name: 'DevOps/Cloud',
27-
skills: ['AWS', 'Docker', 'Kubernetes', 'CI/CD', 'Jenkins']
27+
skills: ['AWS', 'Docker', 'Kubernetes', 'CI/CD', 'Jenkins', 'Airflow', 'Prometheus', 'Kafka']
2828
},
2929
{
30-
name: 'Other',
31-
skills: ['Git', 'RESTful APIs', 'GraphQL', 'Agile/Scrum', 'Machine Learning']
30+
name: 'AI/ML',
31+
skills: ['Scikit-learn', 'TensorFlow', 'PyTorch', 'MLFlow', 'LLMs', 'RAG', 'VectorDB']
3232
}
33-
]
33+
];
34+
3435

3536
const Skills: FC = () => {
3637
return (

‎app/data/experiences.ts

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
export interface Experience {
2+
company: string;
3+
title: string;
4+
period: string;
5+
location: string;
6+
techStack: string[];
7+
responsibilities: string[];
8+
}
9+
10+
export const experiences = {
11+
technical: [
12+
{
13+
company: "Stealth AI Startup",
14+
title: "Backend Developer Intern (AI)",
15+
period: "June 2024 - December 2024",
16+
location: "New York City, USA",
17+
techStack: ["Python", "SQL", "Apache Airflow", "Flask"],
18+
responsibilities: [
19+
"Developed a Django-ReactJS platform integrating ML models, delivering real-time predictions with sub-1 second latency through optimized APIs.",
20+
"Engineered ETL pipelines with Apache Airflow, processing 15M+ records daily and automating transformations, saving 3 man hours per dataset.",
21+
"Built regression models for price prediction, using TimeSeriesSplit and advanced tuning to reduce errors within ±5% over a 90-day horizon.",
22+
"Optimized PostgreSQL queries to support frequent API calls and large-scale workflows, improving data retrieval efficiency."
23+
]
24+
},
25+
{
26+
company: "Defence Research & Development Organisation (Govt. of India)",
27+
title: "Software Engineering Intern (R&D)",
28+
period: "January 2023 - June 2023",
29+
location: "Chandigarh, India",
30+
techStack: ["Python", "Shell", "PyQT", "MatPlotLib", "SerialPy", "SQL", "Docker"],
31+
responsibilities: [
32+
"Advised the Assistant Director on a project to estimate heavy vehicle integrity using LiDAR and GPS sensors, selected as the sole contributor out of 20+ interns.",
33+
"Designed and developed a Python desktop application to reverse-engineer RS232 serial ports, decoding 1.5M+ bytes/sec from LiDAR sensors and applying 25+ custom algorithms for rut measurement analysis and visualization.",
34+
"Published a Windows desktop application with 20K+ lines of code optimized to remain under 30MB, ensuring portability and performance in resource-constrained environments."
35+
]
36+
},
37+
{
38+
company: "Solar Industries India Ltd",
39+
title: "Software Engineering Intern (Backend)",
40+
period: "April 2022 - December 2022",
41+
location: "Mumbai, India",
42+
techStack: ["Django", "FastAPI", "AWS", "Docker", "Jenkins", "Kafka", "Redis", "Elasticsearch"],
43+
responsibilities: [
44+
"Led a team of 5 interns to automate workflows across 25+ industrial plants, delivering 5 Python-based projects with 75K+ lines of code, deployed using Docker and orchestrated with Kubernetes.",
45+
"Engineered scalable backend systems processing 100K+ API requests/day and 2.5M+ rows/sec, ensuring fault-tolerance with Cassandra replication, Kafka partitioning, and caching with Redis.",
46+
"Optimized infrastructure by implementing Kubernetes orchestration, distributed CRON jobs, and caching layers, reducing API response times by 25% and monitored system health with Prometheus."
47+
]
48+
},
49+
{
50+
company: "Freelancer / Contract Jobs",
51+
title: "Full Stack / AI Developer",
52+
period: "January 2022 - June 2022",
53+
location: "Chennai, India",
54+
techStack: ["Linux", "C", "C++", "Python"],
55+
responsibilities: [
56+
"Developed full-stack applications for 3 US clients, including a web scraping toolkit, CRM dashboard, sentiment analysis on consumer data, e-commerce platform, and a chat-based ticketing system with an automated refund approval microservice integrated with a payment gateway.",
57+
"Deployed all projects on DigitalOcean Droplets (VPS), consistently completing them 1 week ahead of deadlines and achieving 100% client satisfaction."
58+
]
59+
},
60+
{
61+
company: "Universidad De Ibague",
62+
title: "Technical Intern (Data Science)",
63+
period: "July 2020 - October 2020",
64+
location: "Ibague, Colombia",
65+
techStack: ["Java", "C++", "Python"],
66+
responsibilities: [
67+
"Assisted 100+ students in understanding complex data structures and algorithms, leading weekly lab sessions and grading assignments and exams",
68+
"Conducted 1-on-1 tutoring sessions for students struggling with concepts, resulting in a 20% increase in average quiz scores"
69+
]
70+
},
71+
{
72+
company: "Shiva Systems and Technologies Pvt Ltd",
73+
title: "Software Engineering Intern",
74+
period: "May 2020 - June 2020",
75+
location: "Mumbai, India",
76+
techStack: ["Linux", "C", "C++", "Python"],
77+
responsibilities: [
78+
"Guided 50+ students in understanding the core concepts of operating systems, conducting weekly lab sessions and grading assignments and exams",
79+
"Hosted 1-on-1 tutoring sessions for students facing difficulties in understanding system calls and process management, resulting in a 15% increase in average quiz scores"
80+
],
81+
}
82+
]
83+
}

‎app/data/projects.ts

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
export interface Project {
2+
id: string;
3+
code: string;
4+
title: string;
5+
description: string[];
6+
tags: string[];
7+
domain: string;
8+
link: string;
9+
isLinkClickable: boolean;
10+
linkText: string;
11+
}
12+
13+
export const projects: Project[] = [
14+
{
15+
id: '1',
16+
code: 'mAIgic',
17+
title: 'AI Agent that reads all your emails and updates your calendar',
18+
description: [
19+
'Developed an open-source app that reads communication from gmail, slack, trello and automatically updates your calendar.'
20+
],
21+
tags: ['Python', 'Flask', 'Postgres', 'ReactJs'],
22+
domain: 'AI',
23+
link: 'https://github.com/yourusername/LLM-application',
24+
isLinkClickable: false, // New property
25+
linkText: 'View on GitHub' // New property
26+
},
27+
{
28+
id: '2',
29+
code: 'IO',
30+
title: 'Performance Optimization and Analysis of Disk I/O in a Real Linux Environment',
31+
description: [
32+
'Achieved a 500% enhancement in cached reads and a 150% boost in non-cached reads.',
33+
'Elevated read speeds from the local setup of 2500 MiB/s to 15000 MiB/s on a block size of 65536 bytes.'
34+
],
35+
tags: ['C++', 'Linux', 'Shell', 'Git'],
36+
domain: 'Backend',
37+
link: 'https://github.com/yourusername/Disk-IO-Optimization',
38+
isLinkClickable: true, // New property
39+
linkText: 'View on GitHub' // New property
40+
},
41+
{
42+
id: '3',
43+
code: 'FAD',
44+
title: 'AI-Fitness Analytics Dashboard',
45+
description: [
46+
'Architected AWS services to host a Flask application on EC2 providing seamless integration with Google Fit metrics.'
47+
],
48+
tags: ['Python', 'Django', 'Postgres', 'DynamoDB', 'EC2', 'Sagemaker', 'SNS', 'SQS', 'ReactJs'],
49+
domain: 'Full Stack',
50+
link: 'https://github.com/yourusername/Fitness-Analytics-Dashboard',
51+
isLinkClickable: true, // New property
52+
linkText: 'View on GitHub' // New property
53+
},
54+
// Dummy projects
55+
{
56+
id: '4',
57+
code: 'DP1',
58+
title: 'Flowcontrol',
59+
description: [
60+
'This is a dummy project for testing purposes.'
61+
],
62+
tags: ['HTML', 'CSS', 'JavaScript'],
63+
domain: 'Frontend',
64+
link: 'https://github.com/yourusername/dummy-project-1',
65+
isLinkClickable: true, // New property
66+
linkText: 'View on GitHub' // New property
67+
},
68+
{
69+
id: '5',
70+
code: 'DP2',
71+
title: 'KubeControl',
72+
description: [
73+
'This is another dummy project for testing purposes.'
74+
],
75+
tags: ['Python', 'Django'],
76+
domain: 'Backend',
77+
link: 'https://github.com/yourusername/dummy-project-2',
78+
isLinkClickable: true, // New property
79+
linkText: 'View on GitHub' // New property
80+
},
81+
{
82+
id: '6',
83+
code: 'DP3',
84+
title: 'White board',
85+
description: [
86+
'This is yet another dummy project for testing purposes.'
87+
],
88+
tags: ['React', 'Node.js'],
89+
domain: 'Full Stack',
90+
link: 'https://github.com/yourusername/dummy-project-3',
91+
isLinkClickable: true, // New property
92+
linkText: 'View on GitHub' // New property
93+
},
94+
{
95+
id: '7',
96+
code: 'DP4',
97+
title: 'Amazon Review',
98+
description: [
99+
'This is a dummy project for testing purposes.'
100+
],
101+
tags: ['AWS', 'Docker'],
102+
domain: 'Cloud',
103+
link: 'https://github.com/yourusername/dummy-project-4',
104+
isLinkClickable: true, // New property
105+
linkText: 'View on GitHub' // New property
106+
},
107+
{
108+
id: '8',
109+
code: 'DP5',
110+
title: 'Telegram Checkout',
111+
description: [
112+
'This is another dummy project for testing purposes.'
113+
],
114+
tags: ['Kubernetes', 'CI/CD'],
115+
domain: 'DevOps',
116+
link: 'https://github.com/yourusername/dummy-project-5',
117+
isLinkClickable: true, // New property
118+
linkText: 'View on GitHub' // New property
119+
},
120+
{
121+
id: '9',
122+
code: 'DP6',
123+
title: 'Dummy Project 6',
124+
description: [
125+
'This is yet another dummy project for testing purposes.'
126+
],
127+
tags: ['Machine Learning', 'Python'],
128+
domain: 'AI',
129+
link: 'https://github.com/yourusername/dummy-project-6',
130+
isLinkClickable: true, // New property
131+
linkText: 'View on GitHub' // New property
132+
},
133+
{
134+
id: '10',
135+
code: 'DP7',
136+
title: 'Dummy Project 7',
137+
description: [
138+
'This is a dummy project for testing purposes.'
139+
],
140+
tags: ['HTML', 'CSS', 'JavaScript'],
141+
domain: 'Frontend',
142+
link: 'https://github.com/yourusername/dummy-project-7',
143+
isLinkClickable: true, // New property
144+
linkText: 'View on GitHub' // New property
145+
},
146+
{
147+
id: '11',
148+
code: 'DP8',
149+
title: 'Dummy Project 8',
150+
description: [
151+
'This is another dummy project for testing purposes.'
152+
],
153+
tags: ['Python', 'Django'],
154+
domain: 'Backend',
155+
link: 'https://github.com/yourusername/dummy-project-8',
156+
isLinkClickable: true, // New property
157+
linkText: 'View on GitHub' // New property
158+
},
159+
{
160+
id: '12',
161+
code: 'DP9',
162+
title: 'Dummy Project 9',
163+
description: [
164+
'This is yet another dummy project for testing purposes.'
165+
],
166+
tags: ['React', 'Node.js'],
167+
domain: 'Full Stack',
168+
link: 'https://github.com/yourusername/dummy-project-9',
169+
isLinkClickable: true, // New property
170+
linkText: 'View on GitHub' // New property
171+
},
172+
{
173+
id: '13',
174+
code: 'DP10',
175+
title: 'Dummy Project 10',
176+
description: [
177+
'This is a dummy project for testing purposes.'
178+
],
179+
tags: ['AWS', 'Docker'],
180+
domain: 'Cloud',
181+
link: 'https://github.com/yourusername/dummy-project-10',
182+
isLinkClickable: false, // New property
183+
linkText: 'Not Available' // New property
184+
}
185+
]
186+
187+
export const domains = ['Frontend', 'Backend', 'AI', 'Core/Infra', 'Cloud/DevOps']
188+
189+
export const domainHierarchy: { [key: string]: string[] } = {
190+
'Frontend': ['Frontend', 'Full Stack'],
191+
'Backend': ['Backend', 'Full Stack'],
192+
'AI': ['AI'],
193+
'Cloud/DevOps': ['Cloud/DevOps'],
194+
'Core/Infra': ['Core/Infra']
195+
}

‎app/globals.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,29 @@
1818
--neu-shadow-inset: inset 3px 3px 6px #0f1319, inset -3px -3px 6px #252d3f, inset 3px -3px 6px #0f1319, inset -3px 3px 6px #252d3f;
1919
}
2020

21+
.dark strong,
22+
.dark b,
23+
.dark .font-bold,
24+
.dark .font-semibold {
25+
font-weight: 700; /* Increase from default */
26+
letter-spacing: 0.01em; /* Slightly increase letter spacing */
27+
color: #ffffff; /* Pure white for better contrast */
28+
text-shadow: 0 0 1px rgba(255, 255, 255, 0.1); /* Subtle text shadow for better readability */
29+
}
30+
31+
.dark h1,
32+
.dark h2,
33+
.dark h3 {
34+
font-weight: 800; /* Even stronger for headings */
35+
color: #ffffff;
36+
}
37+
38+
/* Make sure the text stays crisp */
39+
.dark * {
40+
-webkit-font-smoothing: antialiased;
41+
-moz-osx-font-smoothing: grayscale;
42+
}
43+
2144
html {
2245
scroll-behavior: smooth;
2346
scroll-padding-top: 80px; /* Adjust for fixed header */
@@ -125,3 +148,14 @@ body {
125148
color: #000000;
126149
}
127150

151+
/* Add these custom list styles */
152+
.custom-list {
153+
list-style-position: outside;
154+
padding-left: 1.25rem;
155+
}
156+
157+
.custom-list li {
158+
margin-bottom: 0.5rem;
159+
padding-left: 0.5rem;
160+
}
161+

‎app/page.tsx

Lines changed: 86 additions & 255 deletions
Original file line numberDiff line numberDiff line change
@@ -8,229 +8,8 @@ import NewsScroll from './components/NewsScroll'
88
import Skills from './components/Skills'
99
import PopUp from './components/PopUp'
1010
import Footer from './components/Footer'
11-
12-
// Define project and experience types
13-
interface Project {
14-
id: string;
15-
code: string;
16-
title: string;
17-
description: string;
18-
tags: string[];
19-
domain: string;
20-
link: string;
21-
}
22-
23-
interface Experience {
24-
company: string;
25-
title: string;
26-
period: string;
27-
location: string; // Add location field
28-
techStack: string[];
29-
responsibilities: string[];
30-
}
31-
32-
const projects: Project[] = [
33-
{
34-
id: '1',
35-
code: 'mAIgic',
36-
title: 'AI Agent that reads all your emails and updates your calendar',
37-
description: 'Developed an open-source app that reads communication from gmail, slack, trello and automatically updates your calendar.',
38-
tags: ['Python', 'Flask', 'Postgres', 'ReactJs'],
39-
domain: 'AI',
40-
link: 'https://github.com/yourusername/LLM-application'
41-
},
42-
{
43-
id: '2',
44-
code: 'IO',
45-
title: 'Performance Optimization and Analysis of Disk I/O in a Real Linux Environment',
46-
description: 'Achieved a 500% enhancement in cached reads and a 150% boost in non-cached reads, elevating read speeds from the local setup of 2500 MiB/s to 15000 MiB/s on a block size of 65536 bytes.',
47-
tags: ['C++', 'Linux', 'Shell', 'Git'],
48-
domain: 'Backend',
49-
link: 'https://github.com/yourusername/Disk-IO-Optimization'
50-
},
51-
{
52-
id: '3',
53-
code: 'FAD',
54-
title: 'AI-Fitness Analytics Dashboard',
55-
description: 'Architected AWS services to host a Flask application on EC2 providing seamless integration with Google Fit metrics.',
56-
tags: ['Python', 'Django', 'Postgres', 'DynamoDB', 'EC2', 'Sagemaker', 'SNS', 'SQS', 'ReactJs'],
57-
domain: 'Full Stack',
58-
link: 'https://github.com/yourusername/Fitness-Analytics-Dashboard'
59-
},
60-
// Dummy projects
61-
{
62-
id: '4',
63-
code: 'DP1',
64-
title: 'Flowcontrol',
65-
description: 'This is a dummy project for testing purposes.',
66-
tags: ['HTML', 'CSS', 'JavaScript'],
67-
domain: 'Frontend',
68-
link: 'https://github.com/yourusername/dummy-project-1'
69-
},
70-
{
71-
id: '5',
72-
code: 'DP2',
73-
title: 'KubeControl',
74-
description: 'This is another dummy project for testing purposes.',
75-
tags: ['Python', 'Django'],
76-
domain: 'Backend',
77-
link: 'https://github.com/yourusername/dummy-project-2'
78-
},
79-
{
80-
id: '6',
81-
code: 'DP3',
82-
title: 'White board',
83-
description: 'This is yet another dummy project for testing purposes.',
84-
tags: ['React', 'Node.js'],
85-
domain: 'Full Stack',
86-
link: 'https://github.com/yourusername/dummy-project-3'
87-
},
88-
{
89-
id: '7',
90-
code: 'DP4',
91-
title: 'Amazon Review',
92-
description: 'This is a dummy project for testing purposes.',
93-
tags: ['AWS', 'Docker'],
94-
domain: 'Cloud',
95-
link: 'https://github.com/yourusername/dummy-project-4'
96-
},
97-
{
98-
id: '8',
99-
code: 'DP5',
100-
title: 'Telegram Checkout',
101-
description: 'This is another dummy project for testing purposes.',
102-
tags: ['Kubernetes', 'CI/CD'],
103-
domain: 'DevOps',
104-
link: 'https://github.com/yourusername/dummy-project-5'
105-
},
106-
{
107-
id: '9',
108-
code: 'DP6',
109-
title: 'Dummy Project 6',
110-
description: 'This is yet another dummy project for testing purposes.',
111-
tags: ['Machine Learning', 'Python'],
112-
domain: 'AI',
113-
link: 'https://github.com/yourusername/dummy-project-6'
114-
},
115-
{
116-
id: '10',
117-
code: 'DP7',
118-
title: 'Dummy Project 7',
119-
description: 'This is a dummy project for testing purposes.',
120-
tags: ['HTML', 'CSS', 'JavaScript'],
121-
domain: 'Frontend',
122-
link: 'https://github.com/yourusername/dummy-project-7'
123-
},
124-
{
125-
id: '11',
126-
code: 'DP8',
127-
title: 'Dummy Project 8',
128-
description: 'This is another dummy project for testing purposes.',
129-
tags: ['Python', 'Django'],
130-
domain: 'Backend',
131-
link: 'https://github.com/yourusername/dummy-project-8'
132-
},
133-
{
134-
id: '12',
135-
code: 'DP9',
136-
title: 'Dummy Project 9',
137-
description: 'This is yet another dummy project for testing purposes.',
138-
tags: ['React', 'Node.js'],
139-
domain: 'Full Stack',
140-
link: 'https://github.com/yourusername/dummy-project-9'
141-
},
142-
{
143-
id: '13',
144-
code: 'DP10',
145-
title: 'Dummy Project 10',
146-
description: 'This is a dummy project for testing purposes.',
147-
tags: ['AWS', 'Docker'],
148-
domain: 'Cloud',
149-
link: 'https://github.com/yourusername/dummy-project-10'
150-
}
151-
]
152-
153-
const experiences = {
154-
technical: [
155-
{
156-
company: "Stealth AI Startup",
157-
title: "Backend Developer Intern (AI)",
158-
period: "June 2024 - Present",
159-
location: "New York City, USA",
160-
techStack: ["Python", "SQL", "Apache Airflow", "Flask"],
161-
responsibilities: [
162-
"Designed Python/SQL ETL pipelines with Apache Airflow, boosting data ingestion speed by 30% and ensuring reliability with automated validation",
163-
"Built RESTful APIs using Flask and joblib to deploy machine learning models, improving real-time phone price predictions and application responsiveness by 25%",
164-
"Deployed a Regression model, enhancing price prediction accuracy by 15% through advanced feature engineering and hyperparameter tuning"
165-
]
166-
},
167-
{
168-
company: "Defence Research & Development Organisation (Govt. of India)",
169-
title: "Software Engineering Intern (R&D)",
170-
period: "January 2023 - June 2023",
171-
location: "Chandigarh, India",
172-
techStack: ["Python", "Shell", "PyQT", "MatPlotLib", "SerialPy", "SQL", "Docker"],
173-
responsibilities: [
174-
"Advised the Assistant Director of the Lab as the sole selected intern from a team of 20+, leading a project on heavy vehicle integrity estimation using LIDAR and GPS sensors",
175-
"Architected and published a Python desktop application under 30MB to reverse engineer RS232 serial ports, decoding 1.5M+ bytes/second from LiDAR sensors and applying 25+ algorithms to analyze and visualize rut measurements"
176-
]
177-
},
178-
{
179-
company: "Solar Industries India Ltd",
180-
title: "Software Engineering Intern (Backend)",
181-
period: "April 2022 - December 2022",
182-
location: "Mumbai, India",
183-
techStack: ["Django", "FastAPI", "AWS", "Docker", "Jenkins", "Kafka", "Redis", "Elasticsearch"],
184-
responsibilities: [
185-
"Led a team of 5 interns to automate manual tasks across 25+ industrial plants, introducing 5 Python-based projects and deploying 75,000+ lines of production code",
186-
"Optimized systems with 5 cross-functional teams to handle 100,000+ API requests across 20 endpoints, executing CRON operations on 2.5M rows/day within 1 sec using Cassandra, Kafka, and Postgres"
187-
]
188-
},
189-
{
190-
company: "Universidad De Ibague",
191-
title: "Technical Intern (Data Science)",
192-
period: "July 2020 - October 2020",
193-
location: "Ibague, Colombia",
194-
techStack: ["Java", "C++", "Python"],
195-
responsibilities: [
196-
"Assisted 100+ students in understanding complex data structures and algorithms, leading weekly lab sessions and grading assignments and exams",
197-
"Conducted 1-on-1 tutoring sessions for students struggling with concepts, resulting in a 20% increase in average quiz scores"
198-
]
199-
},
200-
{
201-
company: "Shiva Systems and Technologies Pvt Ltd",
202-
title: "Software Engineering Intern",
203-
period: "May 2020 - June 2020",
204-
location: "Mumbai, India",
205-
techStack: ["Linux", "C", "C++", "Python"],
206-
responsibilities: [
207-
"Guided 50+ students in understanding the core concepts of operating systems, conducting weekly lab sessions and grading assignments and exams",
208-
"Hosted 1-on-1 tutoring sessions for students facing difficulties in understanding system calls and process management, resulting in a 15% increase in average quiz scores"
209-
],
210-
},
211-
{
212-
company: "Freelancer / Contract Jobs",
213-
title: "Full Stack AI Developer",
214-
period: "January 2021 - June 2021",
215-
location: "Chennai, India",
216-
techStack: ["Linux", "C", "C++", "Python"],
217-
responsibilities: [
218-
"Guided 50+ students in understanding the core concepts of operating systems, conducting weekly lab sessions and grading assignments and exams",
219-
"Hosted 1-on-1 tutoring sessions for students facing difficulties in understanding system calls and process management, resulting in a 15% increase in average"
220-
]
221-
}
222-
]
223-
}
224-
225-
const domains = ['Frontend', 'Backend', 'AI', 'Full Stack', 'Cloud/DevOps', 'Full Stack']
226-
227-
const domainHierarchy: { [key: string]: string[] } = {
228-
'Frontend': ['Frontend', 'Full Stack'],
229-
'Backend': ['Backend', 'Full Stack'],
230-
'AI': ['AI'],
231-
'Cloud/DevOps': ['Cloud/DevOps'],
232-
'Full Stack': ['Full Stack'],
233-
}
11+
import { Project, projects, domains, domainHierarchy } from './data/projects'
12+
import { Experience, experiences } from './data/experiences'
23413

23514
export default function HomePage() {
23615
const [activeSection, setActiveSection] = useState('')
@@ -243,6 +22,7 @@ export default function HomePage() {
24322

24423
const [selectedDomains, setSelectedDomains] = useState<string[]>([])
24524
const [visibleProjectsCount, setVisibleProjectsCount] = useState(5)
25+
const [visibleExperiencesCount, setVisibleExperiencesCount] = useState(3) // New state for experiences
24626

24727
const filteredProjects = selectedDomains.length > 0
24828
? projects.filter(project => selectedDomains.some(domain => domainHierarchy[domain].includes(project.domain)))
@@ -307,7 +87,16 @@ export default function HomePage() {
30787
setVisibleProjectsCount(5)
30888
}
30989

90+
const handleShowMoreExperiences = () => {
91+
setVisibleExperiencesCount(experiences.technical.length)
92+
}
93+
94+
const handleShowLessExperiences = () => {
95+
setVisibleExperiencesCount(3)
96+
}
97+
31098
const visibleProjects = filteredProjects.slice(0, visibleProjectsCount)
99+
const visibleExperiences = experiences.technical.slice(0, visibleExperiencesCount)
311100

312101
return (
313102
<>
@@ -324,7 +113,7 @@ export default function HomePage() {
324113
</Link>
325114
</p>
326115
<p className="text-gray-600 dark:text-gray-300 text-lg md:text-xl">
327-
I believe in solving problems. <br />
116+
I believe in solving problems <span className="highlight">at scale</span>. <br />
328117
FullStack? AI? Core/Infra?<br /> I'm in! I Learn. I Implement.<br />
329118
<Link href="#skills" className="text-blue-500 hover:underline">
330119
All my Technical Skills: Here.
@@ -379,26 +168,30 @@ export default function HomePage() {
379168
</div>
380169
<div className="md:w-2/3">
381170
<p className="mb-4">
382-
Hi, I'm Reet Nandy, a Software + AI Engineer with <strong>3 years</strong> of in-depth internship experience specializing in <span className="highlight">Full Stack Development</span>, <span className="highlight">Cloud/DevOps infrastructure</span>, and <span className="highlight">AI/ML solutions</span>. <br />My expertise revolves around building scalable backend systems, optimizing performance, and deploying advanced AI models to enhance innovation and efficiency. I am committed to leveraging distributed systems to advance scalability and integrate cutting-edge technologies.
171+
Hi, I'm Reet Nandy, a Software + AI Engineer with <strong>3 years</strong> of experience across 6 internships specializing in <span className="highlight">Full Stack Development</span>, <span className="highlight">Cloud/DevOps infrastructure</span>, and <span className="highlight">AI/ML solutions</span>. My expertise revolves around building scalable, cloud-native applications within distributed systems, optimizing performance, and developing and deploying AI models.
172+
<br /><br />
173+
<strong>In the realm of AI</strong>, I specialize in developing and deploying models from traditional machine learning techniques to <span className="highlight">Large Language Models (LLMs)</span>, with a focus on building intelligent systems and optimizing end-to-end workflows.
383174
</p>
384-
<ul className="list-disc list-inside space-y-2 mb-4">
385-
<li>Expertise in back-end development with Python and Node.js</li>
386-
<li>Strong front-end skills with React and Next.js</li>
387-
<li>Experience with database technologies like PostgreSQL and MongoDB</li>
388-
<li>Proficient in cloud platforms such as AWS and Google Cloud</li>
389-
<li>Advocate for clean code and best practices in software development</li>
175+
<ul className="list-disc custom-list space-y-2 mb-4">
176+
<li>Currently working on LLMs and RAG, focusing on multi-agent orchestration and advanced model pipelines.</li>
177+
<li>Expertise in systems programming with C++, and backend development using Python (Django, Flask, FastAPI), Java (Spring Boot), and Node.js.</li>
178+
<li>Strong front-end skills with React, Next.js and Tailwind CSS.</li>
179+
<li>Skilled in Relational, NoSQL, and caching technologies, along with vector databases.</li>
180+
<li>Proficient in AWS with experience in containerization, orchestration, CI/CD pipelines, and implementing robust monitoring and alerting systems.</li>
181+
{/* <li>Advocate for clean code and best practices in software development</li> */}
390182
</ul>
391183
<div className="mt-6">
392184
<h3 className="text-xl mb-2 font-bold underline">Education</h3>
393-
<ul className="list-disc list-inside space-y-2">
394-
<li>M.S. in Computer Science, New York University (Expected 2025)</li>
395-
<li>B.Tech in Computer Science and Engineering, SRM Institute of Science and Technology (2023)</li>
185+
<ul className="list-disc custom-list space-y-2">
186+
<li>M.S. in Computer Science, <strong>New York University</strong> (Expected 2025)</li>
187+
<li>B.Tech in Computer Science and Engineering, Manipal University Jaipur</li>
396188
</ul>
397-
<p className="mt-2 "><strong className='underline'>Key Courses:</strong> Advanced Algorithms, Machine Learning, Distributed Systems, Big Data</p>
398-
<p className="mt-2"><strong className='underline'>Teaching Assistant:</strong> Data Structures (Fall 2024), Operating Systems (Spring 2024)</p>
189+
<p className="mt-2 "><strong className='underline'>Key Courses:</strong> Advanced Algorithms, Operating Systems, Machine Learning, Distributed Systems, Big Data</p>
190+
<p className="mt-2"><strong className='underline'>Teaching Assistant:</strong> Algorithms (Fall 2024, Spring 2025), Operating Systems (Fall 2024)</p>
399191
</div>
192+
<br />
400193
<p>
401-
When I'm not coding, you can find me exploring new technologies, contributing to open-source projects, or enjoying a good book.
194+
If not a Coder, I would probably be a <span className="highlight">CHEF</span>. I love cooking and I am great at it :)
402195
</p>
403196
<p className="mt-4">
404197
<Link href="/ReetNandy_SWE_Resume.pdf" className="text-blue-500 hover:underline" target="_blank" rel="noopener noreferrer">
@@ -416,7 +209,7 @@ export default function HomePage() {
416209
<section id="experience" ref={experienceRef} className="py-12">
417210
<h2 className="text-3xl font-bold mb-6 dark:text-white">Experience</h2>
418211
<div className="space-y-8">
419-
{experiences.technical.map((exp, index) => (
212+
{visibleExperiences.map((exp, index) => (
420213
<div key={index} className="neu-card p-6 dark:bg-gray-800">
421214
<div className="flex flex-col mb-4">
422215
<h3 className="text-xl font-semibold dark:text-white">{exp.company}</h3><br />
@@ -436,22 +229,42 @@ export default function HomePage() {
436229
</div>
437230
<div>
438231
<h4 className="text-sm font-semibold mb-2 dark:text-white">Key Responsibilities:</h4>
439-
<ul className="list-disc list-inside text-sm space-y-1 dark:text-gray-300">
232+
<ul className="list-disc custom-list space-y-2 dark:text-gray-100"> {/* Updated spacing and text color */}
440233
{exp.responsibilities.map((resp, i) => (
441-
<li key={i}>{resp}</li>
234+
<li key={i} className="text-base"> {/* Increased font size */}
235+
{resp}
236+
</li>
442237
))}
443238
</ul>
444239
</div>
445240
</div>
446241
))}
447242
</div>
243+
<div className="text-center mt-8">
244+
<p className="mb-4 dark:text-gray-300">
245+
Showing {visibleExperiences.length} of {experiences.technical.length} internships
246+
</p>
247+
{visibleExperiencesCount < experiences.technical.length && (
248+
<button
249+
onClick={handleShowMoreExperiences}
250+
className="px-6 py-3 rounded-corners neu-button text-sm dark:bg-gray-700 dark:text-white"
251+
>
252+
Show More
253+
</button>
254+
)}
255+
{visibleExperiencesCount > 4 && (
256+
<button
257+
onClick={handleShowLessExperiences}
258+
className="px-6 py-3 rounded-corners neu-button text-sm dark:bg-gray-700 dark:text-white ml-4"
259+
>
260+
Show Less
261+
</button>
262+
)}
263+
</div>
448264
</section>
449265

450266
<section id="projects" ref={projectsRef} className="py-12">
451267
<h2 className="text-3xl font-bold mb-6 dark:text-white">Projects</h2>
452-
<p className="mb-4 dark:text-gray-300">
453-
Showing {visibleProjects.length} of {filteredProjects.length} projects
454-
</p>
455268
<div className="flex flex-wrap gap-2 mb-8">
456269
{domains.map(domain => (
457270
<button
@@ -486,22 +299,37 @@ export default function HomePage() {
486299
{visibleProjects.map((project, index) => (
487300
<div
488301
key={project.code}
489-
className={`neu-card p-6 rounded-corners dark:bg-gray-700 dark:text-white ${index === 0 ? 'border-2 border-blue-500 dark:border-blue-400' : ''}`}
302+
className={`neu-card p-6 rounded-corners dark:bg-gray-800 dark:text-white ${index === 0 ? 'border-2 border-blue-500 dark:border-blue-400' : ''}`}
490303
>
491-
<div className="flex flex-col md:flex-row justify-between items-start md:items-center mb-2">
492-
<h3 className="text-lg font-medium mb-1">
304+
<div className="flex flex-col mb-4">
305+
<h3 className="text-lg font-medium mb-3">
493306
{project.title}
494307
</h3>
495-
<a
496-
href={project.link}
497-
className="px-3 py-1 mt-2 md:mt-0 rounded-corners neu-button text-sm dark:bg-gray-600"
498-
target="_blank"
499-
rel="noopener noreferrer"
500-
>
501-
Link
502-
</a>
308+
<div>
309+
{project.isLinkClickable ? (
310+
<a
311+
href={project.link}
312+
className="inline-block px-3 py-1 rounded-corners neu-button text-sm dark:bg-gray-600"
313+
target="_blank"
314+
rel="noopener noreferrer"
315+
>
316+
{project.linkText}
317+
</a>
318+
) : (
319+
<button
320+
className="inline-block px-3 py-1 rounded-corners neu-button text-sm dark:bg-gray-600"
321+
disabled
322+
>
323+
{project.linkText}
324+
</button>
325+
)}
326+
</div>
503327
</div>
504-
<p className="mb-2">{project.description}</p>
328+
<ul className="list-disc custom-list mb-2">
329+
{project.description.map((desc, i) => (
330+
<li key={i}>{desc}</li>
331+
))}
332+
</ul>
505333
<div className="mb-2">
506334
{project.tags.map(tag => (
507335
<span key={tag} className="inline-block bg-gray-200 dark:bg-gray-600 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 dark:text-gray-200 mr-2 mb-2">
@@ -513,6 +341,9 @@ export default function HomePage() {
513341
))}
514342
</div>
515343
<div className="text-center mt-8">
344+
<p className="mb-4 dark:text-gray-300">
345+
Showing {visibleProjects.length} of {filteredProjects.length} projects
346+
</p>
516347
{visibleProjectsCount < filteredProjects.length && (
517348
<button
518349
onClick={handleShowMore}

0 commit comments

Comments
 (0)
Please sign in to comment.