Skip to content

Commit d37ba96

Browse files
attarchiattarchi
committed
complete my portfolio
1 parent 34459cf commit d37ba96

3 files changed

Lines changed: 135 additions & 51 deletions

File tree

‎src/content/professional-journey.ts‎

Lines changed: 44 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -10,34 +10,58 @@ export interface ProfessionalMilestone {
1010
export const professionalMilestones: ProfessionalMilestone[] = [
1111
{
1212
id: '1',
13-
date: '2023-Present',
14-
role: 'Senior Software Engineer',
15-
company: 'TechCorp',
16-
description: 'Leading development of scalable web applications using React, Node.js, and cloud technologies.',
17-
achievement: 'Improved application performance by 40% through optimization and caching strategies.'
13+
date: '2025-Present',
14+
role: 'Cross-Platform SaaS Architect',
15+
company: 'Nutritionist Platform (Side Project)',
16+
description: 'Architecting multi-tenant SaaS platform with Next.js App Router and React Native (Expo Router). Implementing tRPC with Prisma ORM for type-safe API communication and real-time sync with WebSocket.',
17+
achievement: 'Achieved 60% code sharing between web and mobile platforms. Built offline-first architecture with SQLite and conflict resolution.'
1818
},
1919
{
2020
id: '2',
21-
date: '2021-2023',
22-
role: 'Full Stack Developer',
23-
company: 'StartupXYZ',
24-
description: 'Built and maintained multiple client applications with focus on user experience and performance.',
25-
achievement: 'Reduced page load times by 60% through code splitting and lazy loading implementation.'
21+
date: '2020-Present',
22+
role: 'Technical Manager & Full-Stack Architect',
23+
company: 'CCPTools Ecosystem',
24+
description: 'Leading cross-functional team of 5 developers, architecting microservices ecosystem serving 1,000+ weekly active users. Managing 6-project portfolio including React Native apps, Node.js APIs, and Next.js applications.',
25+
achievement: 'Implemented 10,000+ automated tests achieving 95% code coverage. Reduced development time by 40% through RJSF dynamic forms and improved team velocity.'
2626
},
2727
{
2828
id: '3',
29-
date: '2019-2021',
30-
role: 'Frontend Developer',
31-
company: 'DigitalAgency',
32-
description: 'Developed responsive web applications and collaborated with design teams on user interface improvements.',
33-
achievement: 'Implemented design system that increased development speed by 30% across the team.'
29+
date: '2018-2020',
30+
role: 'Freelance Full-Stack Developer',
31+
company: 'Self-Employed',
32+
description: 'Migrated 16+ legacy applications from jQuery/ASP.NET to React/Node.js. Rapidly mastered new frameworks including Angular and React for immediate client value.',
33+
achievement: '100% on-time delivery with 100% client satisfaction rate on Freelancer.com. Mastered Angular in 2 weeks and React in 1 week.'
3434
},
3535
{
3636
id: '4',
37-
date: '2017-2019',
38-
role: 'Junior Developer',
39-
company: 'WebSolutions',
40-
description: 'Started career building websites and learning modern web development practices.',
41-
achievement: 'Successfully delivered 50+ client projects with 95% client satisfaction rate.'
37+
date: '2015-2018',
38+
role: 'Senior Full-Stack Developer & Solutions Architect',
39+
company: 'Development Company',
40+
description: 'Transitioned to modern web technologies, building Telegram bot serving 400+ admins and 500,000+ users. Developed offline-first ERP systems and pioneered real-time processing solutions.',
41+
achievement: 'Scaled Telegram bot to 1,000 messages/second with 99% uptime. Reduced spam incidents by 95% through intelligent filtering algorithms.'
42+
},
43+
{
44+
id: '5',
45+
date: '2007-2015',
46+
role: 'Founder & CEO',
47+
company: 'Development Company',
48+
description: 'Founded and ran development company. Built 30+ ASP.NET websites, healthcare management systems, and custom ERP solutions while managing all business operations.',
49+
achievement: 'Won 2014 Best Entrepreneur Award for healthcare digitization. Served 500+ clinics with 2000+ users.'
50+
},
51+
{
52+
id: '6',
53+
date: '2005-2007',
54+
role: 'Junior Software Developer',
55+
company: 'Cotton Manufacturing Factory (Parjan)',
56+
description: 'Started programming career at age 16, developing business-critical applications with VB6 and MS Access including weighbridge system, timesheet management, and vehicle monitoring.',
57+
achievement: 'Built weighbridge system that operated successfully for 10+ years. Developed 4 Windows applications that digitized entire factory operations.'
58+
},
59+
{
60+
id: '7',
61+
date: '2003-2006',
62+
role: 'Self-Taught Developer & GIS Specialist',
63+
company: 'Independent Projects',
64+
description: 'Self-taught VB6 and GIS development at age 16-19. Developed GIS applications with MapObject2 and ArcGIS, creating first form generator for dynamic GIS data entry.',
65+
achievement: 'Completed 3 national GIS mapping projects. Pioneered dynamic form generation for complex geographical data management.'
4266
}
4367
];

‎src/content/projects.ts‎

Lines changed: 24 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,33 @@ export const projectsContent: ProjectsContent = {
1212
featured: [
1313
{
1414
title: "CCPTools Ecosystem",
15-
description: "Microservices platform focused on construction cost planning and scalability. Features real-time calculations, mobile apps, and scalable backend architecture.",
16-
technologies: ["React Native", "Node.js", "PostgreSQL", "Docker", "Redis"]
15+
description: "Microservices platform with 6 interconnected projects serving 1000+ weekly active users. Features React Native mobile apps (iOS/Android) with offline-first PouchDB sync, and React admin panel with RJSF dynamic form generation.",
16+
technologies: ["React Native", "Node.js", "Next.js", "MongoDB", "Docker", "Kubernetes", "PouchDB/CouchDB", "RJSF"]
1717
},
1818
{
19-
title: "Nutrition Management Platform",
20-
description: "Multi-tenant SaaS platform focused on scalable nutrition tracking with tenant isolation. Features real-time tracking, analytics, and production-ready architecture.",
21-
technologies: ["React", "NestJS", "PostgreSQL", "Redis", "TypeScript"]
19+
title: "Healthcare Management Platform",
20+
description: "Enterprise platform digitizing workflows for 500+ clinics with 2000+ concurrent users. Built offline-first PWAs using jQuery, Ajax, and IndexedDB for mission-critical operations in low-connectivity regions.",
21+
technologies: ["ASP.NET", "C#", "jQuery", "Express.js", "SQL Server", "IndexedDB", "Ajax", "PWA"]
2222
},
2323
{
24-
title: "Healthcare Management System",
25-
description: "HIPAA-Compliant Platform focused on patient management and compliance. Features HIPAA compliance, real-time monitoring, secure auth, and case study available.",
26-
technologies: ["Next.js", "Express", "MongoDB", "AWS", "TypeScript"]
24+
title: "Telegram Bot Moderation System",
25+
description: "High-performance Windows Service handling 1,000 messages/second for 400+ group admins managing 500,000+ users. Features real-time content moderation, user management, and automated spam detection.",
26+
technologies: ["C#/.NET", "Windows Service", "Telegram API", "SQL Server", "Real-time Processing"]
27+
},
28+
{
29+
title: "ERP Form/Workflow Generator",
30+
description: "Dynamic form generation system enabling code-free customization for 6 organizations. Built form generators with runtime form creation, workflow automation, and database schema generation.",
31+
technologies: ["VB6", "C#", "ASP.NET", "Dynamic Form Generation", "Workflow Engine"]
32+
},
33+
{
34+
title: "GIS Digital Atlas Systems",
35+
description: "National mapping projects. Developed using MapObject2 with ArcGIS data models, featuring dynamic form generation for GIS data entry. First project to implement runtime form generation for complex geographical data management.",
36+
technologies: ["VB6", "MapObject2", "ArcGIS", "MS Access", "GIS"]
37+
},
38+
{
39+
title: "React Native Form Generator",
40+
description: "Formik-based form generator for React Native enabling dynamic form creation without coding. Integrates Yup validation, state management, and event handling.",
41+
technologies: ["React Native", "Formik", "Yup", "Preact", "WebView", "Quill Editor"]
2742
}
2843
]
29-
};
44+
};

‎src/content/technical-expertise.ts‎

Lines changed: 67 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -20,51 +20,96 @@ export const technicalExpertiseContent: TechnicalExpertiseContent = {
2020
{
2121
title: "Frontend",
2222
skills: [
23-
{ name: "React", proficiency: 90, years: 5, icon: "react" },
24-
{ name: "TypeScript", proficiency: 85, years: 4 },
25-
{ name: "Next.js", proficiency: 80, years: 3, icon: "nextjs" },
26-
{ name: "React Native", proficiency: 85, years: 4, icon: "react" }
23+
{ name: "React", proficiency: 90, years: 7, icon: "react" },
24+
{ name: "Next.js", proficiency: 85, years: 4, icon: "nextjs" },
25+
{ name: "TypeScript", proficiency: 99, years: 7, icon: "typescript" },
26+
{ name: "Blazor", proficiency: 70, years: 4, icon: "blazor" },
27+
{ name: "Formik", proficiency: 90, years: 4, icon: "formik" },
2728
],
2829
others: [
29-
{ name: "GitHub", icon: "github-mark" },
30-
{ name: "Prisma", icon: "prisma" }
30+
{ name: "JavaScript", icon: "javascript" },
31+
{ name: "Chakra UI", icon: "chakra-ui" },
32+
{ name: "Shadcn UI", icon: "shadcn" },
33+
{ name: "Ant Design", icon: "antdesign" },
34+
{ name: "RJSF", icon: "jsonschema" },
35+
{ name: "Preact Signals", icon: "preact" },
36+
{ name: "Tailwind CSS", icon: "tailwind" }
3137
]
3238
},
3339
{
3440
title: "Backend",
3541
skills: [
36-
{ name: "Node.js", proficiency: 90, years: 5, icon: "nodejs" },
37-
{ name: "Python", proficiency: 75, years: 3 },
38-
{ name: "PostgreSQL", proficiency: 80, years: 4, icon: "sql" },
39-
{ name: "MongoDB", proficiency: 75, years: 3, icon: "mongodb" }
42+
{ name: "Node.js", proficiency: 90, years: 8, icon: "nodejs" },
43+
{ name: "C#/.NET", proficiency: 95, years: 14, icon: "csharp" },
44+
{ name: "SQL Server", proficiency: 70, years: 15, icon: "sql" },
45+
{ name: "MongoDB", proficiency: 80, years: 6, icon: "mongodb" },
46+
{ name: "CouchDB", proficiency: 85, years: 3, icon: "couchdb" }
4047
],
4148
others: [
42-
{ name: "CouchDB", icon: "couchdb" },
43-
{ name: "PouchDB", icon: "pouchdb" }
49+
{ name: "Prisma", icon: "prisma" },
50+
{ name: "PouchDB", icon: "pouchdb" },
51+
{ name: "PostgreSQL", icon: "postgresql" },
52+
{ name: "Entity Framework", icon: "dotnet" },
53+
{ name: "Express.js", icon: "expressjs" }
4454
]
4555
},
4656
{
4757
title: "DevOps",
4858
skills: [
49-
{ name: "Docker", proficiency: 80, years: 3, icon: "docker" },
50-
{ name: "AWS", proficiency: 70, years: 2 },
51-
{ name: "Kubernetes", proficiency: 65, years: 2 },
52-
{ name: "CI/CD", proficiency: 80, years: 3, icon: "git" }
59+
{ name: "Docker", proficiency: 85, years: 4, icon: "docker" },
60+
{ name: "Kubernetes", proficiency: 30, years: 3, icon: "kubernetes" },
61+
{ name: "CI/CD", proficiency: 50, years: 5, icon: "git" },
62+
{ name: "Linux/Windows Server", proficiency: 90, years: 15, icon: "linux" },
63+
{ name: "GitHub Actions", proficiency: 90, years: 8, icon: "github" }
5364
],
5465
others: [
55-
{ name: "Git", icon: "git" }
66+
{ name: "Azure Pipelines", icon: "azure" },
67+
{ name: "Sentry", icon: "sentry" },
68+
{ name: "Redis", icon: "redis" },
69+
{ name: "Vercel", icon: "vercel" },
70+
{ name: "Helm Charts", icon: "helm" }
5671
]
5772
},
5873
{
5974
title: "Mobile",
6075
skills: [
61-
{ name: "React Native", proficiency: 85, years: 4, icon: "react" },
62-
{ name: "iOS/Android", proficiency: 75, years: 3, icon: "ios" },
63-
{ name: "Expo", proficiency: 70, years: 2 }
76+
{ name: "React Native (Bare)", proficiency: 90, years: 3, icon: "react" },
77+
{ name: "Expo", proficiency: 60, years: 1, icon: "expo" },
78+
{ name: "React Navigation", proficiency: 90, years: 3, icon: "react-navigation" },
79+
{ name: "Kotlin", proficiency: 20, years: 0.5, icon: "kotlin" },
80+
{ name: "Swift", proficiency: 10, years: 0.5, icon: "swift" },
6481
],
6582
others: [
66-
{ name: "Android", icon: "android" }
83+
{ name: "Java", icon: "java" },
84+
{ name: "iOS", icon: "ios" },
85+
{ name: "Android", icon: "android" },
86+
]
87+
},
88+
{
89+
title: "Testing & Analytics",
90+
skills: [
91+
{ name: "Jest", proficiency: 95, years: 7, icon: "jest" },
92+
{ name: "Unit/Integration Testing", proficiency: 90, years: 10 },
93+
{ name: "TDD", proficiency: 80, years: 5 },
94+
{ name: "Google Analytics", proficiency: 70, years: 8, icon: "google-analytics" }
95+
],
96+
others: [
97+
{ name: "Cypress", icon: "cypress" },
98+
{ name: "E2E Testing", icon: "testing" },
99+
]
100+
},
101+
{
102+
title: "Legacy & Other",
103+
skills: [
104+
{ name: "VB6", proficiency: 95, years: 6 },
105+
{ name: "ASP.NET", proficiency: 85, years: 10 },
106+
{ name: "jQuery", proficiency: 90, years: 12 },
107+
{ name: "GIS/MapObject2", proficiency: 60, years: 3 }
108+
],
109+
others: [
110+
{ name: "VBA", icon: "vba" },
111+
{ name: "Ajax", icon: "ajax" }
67112
]
68113
}
69114
]
70-
};
115+
};

0 commit comments

Comments
 (0)