From 81ff7e6b831674e9c8941809311c78ca57004398 Mon Sep 17 00:00:00 2001 From: Chit Swe Date: Mon, 30 Mar 2026 21:59:48 +0630 Subject: [PATCH] :fire: build(profile): add sudochitswe profile --- content/profile/sudochitswe.mdx | 17 + .../Contributors/sudochitswe/Sudochitswe.tsx | 323 ++++++++++++++++++ .../Contributors/sudochitswe/data.ts | 92 +++++ 3 files changed, 432 insertions(+) create mode 100644 content/profile/sudochitswe.mdx create mode 100644 src/components/Contributors/sudochitswe/Sudochitswe.tsx create mode 100644 src/components/Contributors/sudochitswe/data.ts diff --git a/content/profile/sudochitswe.mdx b/content/profile/sudochitswe.mdx new file mode 100644 index 0000000..ce93e2f --- /dev/null +++ b/content/profile/sudochitswe.mdx @@ -0,0 +1,17 @@ +--- +name: Chit Swe +description: Backend-focus full stack developer, expertise in C#/.NET platform. +image: "https://avatars.githubusercontent.com/u/172891448?v=4" +tags: + - C# + - .NET Core + - RDBMS + - Docker + - Linux + - Reactjs + - Winform +--- + +import Sudochitswe from "@/components/Contributors/sudochitswe/Sudochitswe"; + + diff --git a/src/components/Contributors/sudochitswe/Sudochitswe.tsx b/src/components/Contributors/sudochitswe/Sudochitswe.tsx new file mode 100644 index 0000000..8b52d4f --- /dev/null +++ b/src/components/Contributors/sudochitswe/Sudochitswe.tsx @@ -0,0 +1,323 @@ +"use client"; +/* eslint-disable @next/next/no-img-element */ + +import { motion, type Variants } from "motion/react"; +import React from "react"; +import { FaGithub, FaFacebook, FaEnvelope, FaLinkedin } from "react-icons/fa"; +import { BsBrowserSafari, BsTerminal, BsBox, BsHddRack } from "react-icons/bs"; +import { + personalInfo, + aboutData, + skillsData, + projectsData, + experienceData, +} from "./data"; + +// ─── Animation Variants ───────────────────────────────── + +const EASE_OUT: [number, number, number, number] = [0.16, 1, 0.3, 1]; + +const fadeUp: Variants = { + hidden: { opacity: 0, y: 28 }, + visible: { + opacity: 1, + y: 0, + transition: { duration: 0.5, ease: EASE_OUT }, + }, +}; + +const stagger: Variants = { + hidden: {}, + visible: { transition: { staggerChildren: 0.08 } }, +}; + +const scaleIn: Variants = { + hidden: { opacity: 0, scale: 0.85 }, + visible: { + opacity: 1, + scale: 1, + transition: { duration: 0.5, ease: EASE_OUT }, + }, +}; + +// ─── Section Header ───────────────────────────────────── + +function SectionHeader({ title, icon }: { title: string; icon: React.ReactNode }) { + return ( +
+ {icon} +

+ {title} +

+
+
+ ); +} + +// ─── Hero Section ─────────────────────────────────────── + +function HeroSection() { + return ( + + +
+
+
+ {personalInfo.name} +
+
+ sudo +
+
+ + + + root@ + {personalInfo.name.replace(" ", "-").toLowerCase()} + : + ~ + $ whoami + + + + # {personalInfo.title} + + + + {personalInfo.tags.map((tag, i) => ( + + export SKILL_{i}= + "{tag}" + + + ))} + + + + {/* Terminal content */} +
+
+ $ cat about.txt +
+
+ {aboutData.description} +
+
+ ▋ +
+
+ + + + {[ + { + href: personalInfo.social.github, + icon: , + }, + { + href: personalInfo.social.facebook, + icon: , + }, + { + href: personalInfo.social.linkedin, + icon: , + }, + { + href: personalInfo.website, + icon: , + }, + ].map((link, i) => ( + + {link.icon} + $ + curl + {link.href} + + ))} + + + ); +} + + +function SkillsSection() { + const skillIcons = [, , , ]; + + return ( +
+ } /> + + {skillsData.categories.map((category, i) => ( + +
+ {skillIcons[i]} +

+ {category.name} +

+
+
+ {category.skills.map((skill, j) => ( + + {skill} + + ))} +
+ + ))} + +
+ ); +} + + +function ProjectsSection() { + return ( +
+ } /> + + {projectsData.projects.map((project, i) => ( + +

+ ./ + {project.title.toLowerCase().replace(/\s+/g, "-")} +

+ +

+ # {project.description} +

+ +
+ tech_stack + = + [ + {project.tech.map((tech, j) => ( + + "{tech}"{j < project.tech.length - 1 && , } + + ))} + ] +
+ + ))} + +
+ ); +} + + +function ExperienceTimeline() { + return ( +
+ } /> + +
+ + {experienceData.experiences.map((exp, i) => ( + +
+ +
+
+
+

+ [ + INFO + ] {exp.company} +

+

{exp.position}

+
+ + {exp.date} + +
+ + {exp.description && ( +

+ {exp.description} +

+ )} + +
+ + ))} + +
+ ); +} + + +const Sudochitswe: React.FC = () => { + return ( +
+ + + + +
+ ); +}; + +export default Sudochitswe; diff --git a/src/components/Contributors/sudochitswe/data.ts b/src/components/Contributors/sudochitswe/data.ts new file mode 100644 index 0000000..5e77fbf --- /dev/null +++ b/src/components/Contributors/sudochitswe/data.ts @@ -0,0 +1,92 @@ + +export const personalInfo = { + name: "Chit Swe", + title: "Backend-focus Full Stack Developer", + avatar: "https://avatars.githubusercontent.com/u/172891448?v=4", + website: "https://sudochitswe-v2.github.io/", + tags: ["C#", ".NET Core", "RDBMS", "Docker", "Linux", "React.js", "Winform"], + social: { + github: "https://github.com/sudochitswe-v2", + facebook: "https://facebook.com/sudochitswe", + linkedin: "https://linkedin.com/in/sudochitswe", + }, +}; + + +export const aboutData = { + description: + "Passionate backend-focus full stack developer with expertise in the C#/.NET platform. I specialize in building robust, scalable server-side applications and have experience with relational database management systems. When I'm not coding, you'll find me exploring Linux systems and containerization technologies.", +}; + + +export const skillsData = { + categories: [ + { + name: "Backend Development", + skills: ["C#", ".NET Core", "Web API", "Entity Framework"], + }, + { + name: "Database", + skills: ["SQL Server", "MySQL", "PostgreSQL", "T-SQL", "Database Design", "Query Optimization"], + }, + { + name: "DevOps & Tools", + skills: ["Docker", "Linux", "Git", "Azure DevOps", "PowerShell"], + }, + { + name: "Frontend & Other", + skills: ["React.js", "JavaScript", "TypeScript", "WinForms", "HTML/CSS", "Blazor"], + }, + ], +}; + + +export const projectsData = { + projects: [ + { + title: "Golf Network Myanmar", + description: + "A comprehensive social and utility platform for golfers in Myanmar, featuring course information, event management, and community features.", + tech: ['.NET Core', 'React.js', 'Flutter', 'Dart', 'Firebase', 'MSSQL'], + link: "", + image: "", + }, + { + title: "E-Load Manager", + description: + "A robust system for managing and tracking electronic mobile top-ups, designed for distributors and retailers.", + tech: ['.NET Core', 'React.js', 'Flutter', 'Dart', 'Firebase', 'MSSQL'], + link: "", + image: "", + }, + { + title: "C4E Rewards", + description: + "A mobile application for a customer loyalty and rewards program, enhancing customer engagement and retention.", + tech: ['Flutter', 'Dart', 'Odoo'], + link: "", + image: "", + }, + { + title: "BCMS 2", + description: + "An outsourced project at GUI Solution (Singapore) that aims to modernize the Buffet Catering Management System from monolithic application into a cloud-native micro-services application over the azure.", + tech: ['C#', '.NET Core', 'WinForm', 'MSSQL', 'Azure', 'Docker', 'Blazor'], + link: "", + image: "", + }, + ], +}; + + +export const experienceData = { + experiences: [ + { + company: "Apex Integra Co.,Ltd.", + position: "Full Stack Developer", + date: "2022 - 2025", + description: + "Full-time backend-focus full stack developer responsible for designing and implementing server-side applications, managing databases, contributing to frontend development using React.js and cross-platform mobile app development using Flutter.", + }, + ], +};