diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..128f340 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,5 @@ +import { AboutContent } from "@/components/about-content"; + +export default function AboutPage() { + return ; +} diff --git a/app/layout.tsx b/app/layout.tsx index a7f30c7..24dbe6e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,7 +1,11 @@ import type { Metadata } from "next"; -import { SiteNavbar } from "@/components/site-navbar"; import "./globals.css"; +import { SiteNavbar } from "@/components/site-navbar"; +import { Icon } from "@iconify/react"; +import Link from "next/link"; +import { AnnouncementBar } from "poyraz-ui/organisms"; + export const metadata: Metadata = { title: "Poyraz Avsever - Portfolio - Freelancer - Fullstack Developer - Web Developer", @@ -47,6 +51,23 @@ export default function RootLayout({
+ } + action={ + + Learn More -> + + } + > + New components added this week! +
{children}
diff --git a/app/page.tsx b/app/page.tsx index cc229c0..2ed5761 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,29 +1,9 @@ -import { Icon } from "@iconify/react"; -import Link from "next/link"; -import { AnnouncementBar } from "poyraz-ui/organisms"; import { HomeHero } from "@/components/home-hero"; import { ReferencesSection } from "@/components/references-section"; export default function Home() { return (
- } - action={ - - Learn More -> - - } - > - New components added this week! - -
diff --git a/components/about-content.tsx b/components/about-content.tsx new file mode 100644 index 0000000..24c12ec --- /dev/null +++ b/components/about-content.tsx @@ -0,0 +1,123 @@ +"use client"; + +import Image from "next/image"; +import { Card, Typography } from "poyraz-ui/atoms"; +import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "poyraz-ui/molecules"; +import { certificates } from "@/data/certificates"; +import { EDUCATION } from "@/data/education"; +import { EXPERIENCE } from "@/data/experience"; + +const ABOUT_TEXT = + "Since I was introduced to software in middle school, I've been trying to learn and improve continuously. During high school, my enthusiasm for learning grew and I had the opportunity to explore various technologies in web development. Towards the end of high school, I stepped into the mobile world. Currently, I'm actively creating, developing, and most importantly, still learning."; + +const CERTIFICATE_PREVIEW = certificates.slice(0, 4); + +export function AboutContent() { + return ( +
+
+ + + {ABOUT_TEXT} + + + +
+
+ {EDUCATION.map((item) => ( + + + {item.title} + + + {item.institution} + + + {item.period} + + + ))} +
+
+
+ +
+ + + + + + + All Certificates +
+ {certificates.map((item) => ( + +
+
+ {item.name} +
+
+ + {item.name} + + + {item.organization} + + + {item.date} + +
+
+ + ))} +
+ + + +
+
+ {EXPERIENCE.map((item) => ( + + + {item.role} + + + {item.company} + + + {item.period} + + + ))} +
+
+
+
+ ); +} diff --git a/components/references-section.tsx b/components/references-section.tsx index 81c764f..6ac1b66 100644 --- a/components/references-section.tsx +++ b/components/references-section.tsx @@ -18,7 +18,7 @@ export function ReferencesSection() { role={item.role} avatar={item.avatar} rating={item.rating} - className="h-full w-[280px] shrink-0 rounded-sm" + className="h-full w-70 shrink-0 rounded-sm" /> ); diff --git a/data/certificates.ts b/data/certificates.ts new file mode 100644 index 0000000..45e6d04 --- /dev/null +++ b/data/certificates.ts @@ -0,0 +1,100 @@ + +export const certificates = [ + { + "name": "React Native | Practical React Native Course", + "organization": "Udemy", + "date": "June 2025", + "description": "Thanks to this React Native course, I gained the competence to develop mobile applications that work on both Android and iOS. The course focused on the basic components of React Native, navigation, data management, and performance optimization.", + "image":"/certificates/reactnative.png", + "category": "mobile" + }, + { + "name": "GDG Hackathon Participation Certificate", + "organization": "Google Developer Group", + "date": "May 2025", + "description": "I was part of the organization team at the hackathon event held by Google Developer Group", + "image": "/certificates/gdg.png", + "category": "hackathon" + }, + { + "name": "National Student Congress Participation Certificate", + "organization": "Ostim Technical University, Faculty of Business Administration", + "date": "April 2025", + "description": "Certificate of participation for my contribution at the 1st National Student Congress ‘Sustainable Businesses in the Age of Artificial Intelligence’", + "image": "/certificates/ulusal.png", + "category": "personal" + }, + { + "name": "HSD Core Team Participation Certificate", + "organization": "Huawei Student Developers", + "date": "January 2025", + "description": "I was included in the Core Team of the newly established Huawei Student Developers (HSD) community at OSTİM Technical University for the 2024–2025 term.", + "image": "/certificates/hsd.png", + "category": "personal" + }, + { + "name": "Version Control: Git & GitHub", + "organization": "BTK Academy", + "date": "September 2024", + "description": "I completed the course on Git and GitHub. This course increased my knowledge of version control and taught me how to manage projects with Git. Sharing projects on GitHub highlighted the importance of collaborative work and tracking changes.", + "image": "/certificates/git.png", + "category": "software" + }, + { + "name": "Presentation Skills & Communication Management in Entrepreneurship", + "organization": "BTK Academy", + "date": "September 2024", + "description": "I earned the certificate in Presentation Skills & Communication Management in Entrepreneurship. This training helped me develop effective presentation, persuasive communication, and self-expression skills in the field of entrepreneurship.", + "image": "/certificates/girisim.png", + "category": "communication" + }, + { + "name": "Creating an Effective LinkedIn Profile", + "organization": "BTK Academy", + "date": "October 2024", + "description": "I completed the certificate for Creating an Effective LinkedIn Profile. This training enhanced my ability to build a professional profile, develop networking strategies, and use LinkedIn more effectively.", + "image": "/certificates/linkedin.png", + "category": "personal" + }, + { + "name": "Web Programming with REACT", + "organization": "BTK Academy", + "date": "June 2024", + "description": "I earned the Web Programming with REACT certificate. This training taught me how to develop modern web applications using React, leverage component-based architecture, and build dynamic user interfaces.", + "image": "/certificates/react.png", + "category": "web" + }, + { + "name": "Web Programming with Node.js", + "organization": "BTK Academy", + "date": "November 2024", + "description": "I earned the Web Programming with Node.js certificate. This training improved my skills in developing server-side applications, creating APIs, and managing backend processes using Node.js.", + "image": "/certificates/nodejs.png", + "category": "web" + }, + { + "name": "Yeşilay National Debate Championship", + "organization": "Yeşilay", + "date": "July 2023", + "description": "I was a finalist in the Yeşilay National Debate Championship. During this process, I improved my communication, persuasion, and quick-thinking skills.", + "image": "/certificates/turkiye.png", + "category": "communication" + }, + { + "name": "Yeşilay Regional Debate Tournament Championship", + "organization": "Yeşilay", + "date": "May 2023", + "description": "I was a finalist in the Yeşilay Regional Debate Tournament Championship. During this process, I improved my communication, persuasion, and quick-thinking skills.", + "image": "/certificates/bolge.png", + "category": "communication" + }, + { + "name": "Python | Programming from Beginner to Advanced", + "organization": "Udemy", + "date": "November 2021", + "description": "I earned this certificate by working on both basic and advanced topics in Python programming, including algorithms, data structures, and object-oriented programming.", + "image": "/certificates/python.png", + "category": "software" + } +] + \ No newline at end of file diff --git a/data/education.ts b/data/education.ts new file mode 100644 index 0000000..3fecb30 --- /dev/null +++ b/data/education.ts @@ -0,0 +1,18 @@ +export const EDUCATION = [ + { + id: "ostim-university", + title: "Management Information Systems", + institution: "OSTIM Technical University", + period: "2024 - Present", + description: + "Focused on software systems, product thinking, and interdisciplinary project development.", + }, + { + id: "high-school", + title: "High School", + institution: "Istanbul Atakent Anadolu Lisesi", + period: "2020 - 2024", + description: + "Built strong fundamentals and explored web and mobile development through personal projects.", + }, +] as const; diff --git a/data/experience.ts b/data/experience.ts new file mode 100644 index 0000000..66b95d2 --- /dev/null +++ b/data/experience.ts @@ -0,0 +1,26 @@ +export const EXPERIENCE = [ + { + id: "omedya-part-time", + role: "Fullstack Developer Part-time", + company: "Omedya Bilişim A.Ş", + period: "August 2025 - Present", + }, + { + id: "omedya-intern", + role: "Fullstack Developer Intern", + company: "Omedya Bilişim A.Ş", + period: "June 2025 - August 2025", + }, + { + id: "arc-intern", + role: "Fullstack Developer Intern", + company: "ARC Foreign Trade", + period: "February 2025 - June 2025", + }, + { + id: "tarvina-intern", + role: "Fullstack Developer Intern", + company: "Tarvina Software Technologies", + period: "October 2024 - December 2024", + }, +] as const; diff --git a/public/certificates/bolge.png b/public/certificates/bolge.png new file mode 100644 index 0000000..dbb6360 Binary files /dev/null and b/public/certificates/bolge.png differ diff --git a/public/certificates/gdg.png b/public/certificates/gdg.png new file mode 100644 index 0000000..2bd2ff9 Binary files /dev/null and b/public/certificates/gdg.png differ diff --git a/public/certificates/girisim.png b/public/certificates/girisim.png new file mode 100644 index 0000000..dd2a179 Binary files /dev/null and b/public/certificates/girisim.png differ diff --git a/public/certificates/git.png b/public/certificates/git.png new file mode 100644 index 0000000..60add0b Binary files /dev/null and b/public/certificates/git.png differ diff --git a/public/certificates/hsd.png b/public/certificates/hsd.png new file mode 100644 index 0000000..0c7ad7c Binary files /dev/null and b/public/certificates/hsd.png differ diff --git a/public/certificates/linkedin.png b/public/certificates/linkedin.png new file mode 100644 index 0000000..8137119 Binary files /dev/null and b/public/certificates/linkedin.png differ diff --git a/public/certificates/nodejs.png b/public/certificates/nodejs.png new file mode 100644 index 0000000..7481930 Binary files /dev/null and b/public/certificates/nodejs.png differ diff --git a/public/certificates/python.png b/public/certificates/python.png new file mode 100644 index 0000000..d1c2549 Binary files /dev/null and b/public/certificates/python.png differ diff --git a/public/certificates/react.png b/public/certificates/react.png new file mode 100644 index 0000000..093d83b Binary files /dev/null and b/public/certificates/react.png differ diff --git a/public/certificates/reactnative.png b/public/certificates/reactnative.png new file mode 100644 index 0000000..22b7eec Binary files /dev/null and b/public/certificates/reactnative.png differ diff --git a/public/certificates/turkiye.png b/public/certificates/turkiye.png new file mode 100644 index 0000000..f6a4115 Binary files /dev/null and b/public/certificates/turkiye.png differ diff --git a/public/certificates/ulusal.png b/public/certificates/ulusal.png new file mode 100644 index 0000000..5ff735b Binary files /dev/null and b/public/certificates/ulusal.png differ