-
Notifications
You must be signed in to change notification settings - Fork 219
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
🔥 build(profile): add yehtetaung profile
- Loading branch information
1 parent
cbb4910
commit 4946b0a
Showing
12 changed files
with
451 additions
and
134 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| --- | ||
| name: Ye Htet Aung | ||
| description: I'm full stack developer with 1 year of experience. | ||
| image: "https://avatars.githubusercontent.com/u/66383566?v=4" | ||
| tags: | ||
| - FullStack | ||
| - JavaScript | ||
| - TypeScript | ||
| - ReactJS | ||
| - React Native | ||
| - NextJS | ||
| - NodeJS | ||
| - ExpressJS | ||
| - MySQL | ||
| - MongoDB | ||
| - Firebase | ||
| - Prisma | ||
| --- | ||
|
|
||
| import YeHtetAung from "@/components/Contributors/YeHtetAung/YehtetAung"; | ||
|
|
||
| <div className="p-10"> | ||
| <YeHtetAung /> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| import React from "react"; | ||
|
|
||
| import Skills from "./components/Skills"; | ||
| import Intro from "./components/Intro"; | ||
| import Profile from "./components/Profile"; | ||
| import Projects from "./components/Projects"; | ||
|
|
||
| const YeHtetAung = () => { | ||
| return ( | ||
| <div className="md:flex"> | ||
| <Profile /> | ||
| <div className="container"> | ||
| <Intro /> | ||
| <Skills /> | ||
| <Projects /> | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default YeHtetAung; |
15 changes: 15 additions & 0 deletions
15
src/components/Contributors/YeHtetAung/components/Intro.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import React from "react"; | ||
|
|
||
| const Intro = () => { | ||
| return ( | ||
| <div> | ||
| <h2 className="text_shadows">Ye Htet Aung</h2> | ||
| <span className="text-lg"> | ||
| I'm full stack developer with 1 year of experience. Now I currently | ||
| working with React, React Native, Nextjs and Nodejs. | ||
| </span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Intro; |
66 changes: 66 additions & 0 deletions
66
src/components/Contributors/YeHtetAung/components/Profile.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| /* eslint-disable @next/next/no-img-element */ | ||
| import React from "react"; | ||
| import { Profile } from "../types"; | ||
|
|
||
| import { FaLinkedin, FaFacebook, FaGithub } from "react-icons/fa"; | ||
| import { SiGmail } from "react-icons/si"; | ||
|
|
||
| const Profile = () => { | ||
| const profiles: Profile[] = [ | ||
| { | ||
| title: "Zen", | ||
| url: "https://github.com/yellhtetaung", | ||
| icon: FaGithub, | ||
| iconColor: "#1F2328", | ||
| }, | ||
| { | ||
| title: "Ye Htet Aung", | ||
| url: "https://www.facebook.com/yehtetaungxzen", | ||
| icon: FaFacebook, | ||
| iconColor: "#0765FF", | ||
| }, | ||
| { | ||
| title: "Ye Htet Aung", | ||
| url: "https://www.linkedin.com/in/yellhtetaung2488/", | ||
| icon: FaLinkedin, | ||
| iconColor: "#0B65C2", | ||
| }, | ||
| { | ||
| title: "yehtetaung.dev@gmail.com", | ||
| url: "mailto:yehtetaung.dev@gmail.com", | ||
| icon: SiGmail, | ||
| iconColor: "#000000", | ||
| }, | ||
| ]; | ||
|
|
||
| return ( | ||
| <div className="w-full md:w-1/2 mb-10 md:me-5 md:mb-0 flex flex-col items-center"> | ||
| <img | ||
| src="https://yehtetaung-dev.vercel.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmy-image.c39e72b0.jpg&w=384&q=95" | ||
| className="w-[160px] h-[160px] border-4 rounded-full object-cover" | ||
| alt="yehtetaung" | ||
| /> | ||
|
|
||
| <div className="w-full h-full p-5 mt-10 flex justify-center gap-5 md:justify-start md:gap-0 md:flex-col md:bg-[rgba(255,255,255,0.6)] md:backdrop-blur-3xl md:rounded-xl md:shadow-xl"> | ||
| {profiles.map((profile) => ( | ||
| <a | ||
| href={profile.url} | ||
| target="_blank" | ||
| key={profile.url} | ||
| className="my-3 flex items-center gap-3 hover:scale-125 md:hover:scale-100" | ||
| > | ||
| <profile.icon | ||
| className="text-2xl" | ||
| style={{ color: profile.iconColor }} | ||
| /> | ||
| <span className="text-black text-sm hover:text-cyan-800 hidden md:inline"> | ||
| {profile.title} | ||
| </span> | ||
| </a> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Profile; |
12 changes: 12 additions & 0 deletions
12
src/components/Contributors/YeHtetAung/components/Projects.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| import React from "react"; | ||
|
|
||
| const Projects = () => { | ||
| return ( | ||
| <div className="w-full mt-10"> | ||
| <h4 className="text-2xl font-bold my-5">Projects</h4> | ||
| <span>Comming Soon....</span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Projects; |
68 changes: 68 additions & 0 deletions
68
src/components/Contributors/YeHtetAung/components/Skills.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| import { Skills } from "../types"; | ||
| import { | ||
| TbBrandTypescript, | ||
| TbBrandTailwind, | ||
| TbBrandBootstrap, | ||
| TbBrandMongodb, | ||
| TbBrandNextjs, | ||
| TbBrandHtml5, | ||
| TbBrandCss3, | ||
| TbBrandMysql, | ||
| TbBrandJavascript, | ||
| TbBrandReact, | ||
| TbBrandReactNative, | ||
| TbBrandNodejs, | ||
| TbBrandPrisma, | ||
| TbBrandFigma, | ||
| TbBrandUbuntu, | ||
| TbBrandGithub, | ||
| } from "react-icons/tb"; | ||
|
|
||
| const SkillsComponent = () => { | ||
| const skills: Skills[] = [ | ||
| { title: "html", bg: "#DC4A25", icon: TbBrandHtml5 }, | ||
| { title: "css", bg: "#244BDD", icon: TbBrandCss3 }, | ||
| { title: "javascript", bg: "#EFD81A", icon: TbBrandJavascript, text: true }, | ||
| { | ||
| title: "typescript", | ||
| bg: "#3077C6", | ||
| icon: TbBrandTypescript, | ||
| }, | ||
| { title: "tailwindcss", bg: "#38BDF8", icon: TbBrandTailwind }, | ||
| { title: "bootstrap", bg: "#7A10F7", icon: TbBrandBootstrap }, | ||
| { title: "react", bg: "#0A7EA3", icon: TbBrandReact }, | ||
| { title: "react native", bg: "#0A7EA3", icon: TbBrandReactNative }, | ||
| { title: "nextjs", bg: "#000000", icon: TbBrandNextjs }, | ||
| { title: "nodejs", bg: "#509F43", icon: TbBrandNodejs }, | ||
| { title: "mysql", bg: "#3E6E93", icon: TbBrandMysql }, | ||
| { title: "mongodb", bg: "#00EC64", icon: TbBrandMongodb, text: true }, | ||
| { title: "prisma", bg: "#2D3748", icon: TbBrandPrisma }, | ||
| { title: "figma", bg: "#2B2F41", icon: TbBrandFigma }, | ||
| { title: "linux", bg: "#DE4F21", icon: TbBrandUbuntu }, | ||
| { title: "github", bg: "#1F2229", icon: TbBrandGithub }, | ||
| ]; | ||
|
|
||
| return ( | ||
| <div className="w-full mt-10"> | ||
| <h4 className="text-2xl font-bold my-5">Skills</h4> | ||
|
|
||
| <div className="flex flex-wrap gap-3"> | ||
| {skills.map((skill) => ( | ||
| <div | ||
| key={skill.title} | ||
| className="flex gap-2 justify-center items-center p-2 rounded-full text-sm uppercase font-semibold cursor-pointer hover:scale-110 transition-all shadow-lg" | ||
| style={{ | ||
| background: skill.bg, | ||
| color: skill.text ? "black" : "white", | ||
| }} | ||
| > | ||
| <skill.icon className="text-xl" /> | ||
| {skill.title} | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default SkillsComponent; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| export interface Skills { | ||
| title: string; | ||
| bg?: string; | ||
| text?: boolean; | ||
| icon?: any; | ||
| } | ||
|
|
||
| export interface Profile { | ||
| title: string; | ||
| url: string; | ||
| icon?: any; | ||
| iconColor?: string; | ||
| } |
Oops, something went wrong.