Skip to content

Commit 9bb5553

Browse files
ecobanogluecobanoglu
authored
Merge pull request #5 from Ecobanoglu/main
to develop
2 parents 52fa529 + 3417be8 commit 9bb5553

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+5740
-3744
lines changed

‎package-lock.json

Lines changed: 5008 additions & 2938 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,19 +9,21 @@
99
"lint": "next lint"
1010
},
1111
"dependencies": {
12-
"@types/node": "20.4.2",
13-
"@types/react": "18.2.15",
14-
"@types/react-dom": "18.2.7",
15-
"autoprefixer": "10.4.14",
16-
"clsx": "^2.0.0",
17-
"eslint": "8.45.0",
18-
"eslint-config-next": "13.4.10",
19-
"next": "13.4.10",
20-
"next-themes": "^0.2.1",
21-
"postcss": "8.4.26",
22-
"react": "18.2.0",
23-
"react-dom": "18.2.0",
24-
"tailwindcss": "3.3.3",
25-
"typescript": "5.1.6"
12+
"@radix-ui/react-accordion": "^1.2.2",
13+
"@types/node": "22.10.7",
14+
"@types/react": "19.0.7",
15+
"@types/react-dom": "19.0.3",
16+
"autoprefixer": "10.4.20",
17+
"clsx": "^2.1.1",
18+
"eslint": "9.18.0",
19+
"eslint-config-next": "15.1.5",
20+
"next": "15.1.5",
21+
"next-themes": "^0.4.4",
22+
"postcss": "8.5.1",
23+
"react": "19.0.0",
24+
"react-dom": "19.0.0",
25+
"tailwind-merge": "^2.6.0",
26+
"tailwindcss": "3.4.17",
27+
"typescript": "5.7.3"
2628
}
2729
}

‎src/app/experience/page.tsx

Lines changed: 73 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,78 @@
11
import Link from "next/link";
22

3-
import { Experience } from "@/components/sections";
3+
import { Section } from "@/components/ui";
4+
import ExperienceItem, {
5+
type IExperienceItem,
6+
} from "@/components/experience-item";
7+
8+
const experiences = [
9+
{
10+
id: 0,
11+
title: "Sr. Front-End Developer",
12+
company: "PQS Global Software",
13+
options: ["İzmir", "January 2021 - Now", "Full-time"],
14+
description: [
15+
"Web sitesi geliştirme, web siteleri ve web uygulamaları oluşturma, programlama, kodlama ve sürdürme sürecidir.",
16+
],
17+
tags: ["HTML", "CSS", "Javascript", "React", "Vue JS"],
18+
},
19+
{
20+
id: 1,
21+
title: "Sr. Front-End Developer",
22+
company: "Egegen",
23+
options: ["İzmir", "October 2018 - December 2020", "Full-time"],
24+
description: [
25+
"Kurumsal, e-ticaret ve özel web projelerinin front-end kodlamasını geliştirdim.",
26+
"Outlook imza, e-posta gönderimi için şablon tasarımlarını kodladım.",
27+
"Front-end kodlamalarını, müşteriler için PHP dilinde geliştirilen CMS'e entegre ettim.",
28+
],
29+
tags: ["HTML", "CSS", "Javascript", "PHP"],
30+
},
31+
{
32+
id: 2,
33+
title: "Front-End Developer",
34+
company: "Fikir 360",
35+
options: ["İzmir", "October 2014 - March 2016", "Full-time"],
36+
description: [
37+
"HTML5, CSS3, Javascript ve Javascript çerçeveleri ile mobil uyumlu web siteleri ve özel projeler geliştirdim.",
38+
"Web siteleri için basit PHP ve MySQL ve HTML5 tabanlı yönetim panelleri geliştirdim.",
39+
],
40+
tags: ["HTML", "CSS", "Javascript", "PHP", "MYSQL"],
41+
},
42+
{
43+
id: 3,
44+
title: "Front-End Developer",
45+
company: "Sesnet Medya",
46+
options: ["İzmir", "Jebruary 2014 - January 2016", "Full-time"],
47+
description: [
48+
"HTML5, CSS3, Javascript ve Javascript çerçeveleri ile mobil ve tarayıcı (IE 7-10) uyumlu web siteleri geliştirdim.",
49+
"E-posta haber bültenlerini kodluyordum.",
50+
"Özel proje olarak javascript simülasyon ve javascript projelerinde yer aldım.",
51+
],
52+
tags: ["HTML", "CSS", "Javascript", "PHP", "MYSQL"],
53+
},
54+
{
55+
id: 4,
56+
title: "Front-End Developer",
57+
company: "Veriyaz",
58+
options: ["İzmir", "December 2009 - Jebruary 2013", "Full-time"],
59+
description: [
60+
"HTML5, CSS3, Javascript ve Javascript çerçeveleri ile mobil ve tarayıcı (IE 7-10) uyumlu web siteleri geliştirdim.",
61+
"E-posta haber bültenlerini kodluyordum.",
62+
"Özel proje olarak javascript simülasyon ve javascript projelerinde yer aldım.",
63+
],
64+
tags: ["HTML", "CSS", "Javascript", "PHP", "MYSQL"],
65+
},
66+
];
467

568
export default function Page() {
6-
const experiences = [
7-
{
8-
id: 0,
9-
title: "Sr. Front-End Developer",
10-
company: "PQS Global Software",
11-
time: "2022 - Şimdi",
12-
image: "/img/logo/pqs.png",
13-
description:
14-
"Web sitesi geliştirme, web siteleri ve web uygulamaları oluşturma, programlama, kodlama ve sürdürme sürecidir.",
15-
tags: ["HTML", "CSS", "Javascript", "React", "Vue JS"],
16-
},
17-
{
18-
id: 1,
19-
title: "Sr. Front-End Developer",
20-
company: "Egegen",
21-
time: "2018 - 2020",
22-
image: "/img/logo/egegen.png",
23-
description:
24-
"Kurumsal, e-ticaret ve özel web projelerinin front-end kodlamasını geliştirdim. Outlook imza, e-posta gönderimi için şablon tasarımlarını kodladım. Ayrıca, front-end kodlamaları müşteriler için PHP dilinde geliştirilen CMS'e entegre ettim.",
25-
tags: ["HTML", "CSS", "Javascript", "PHP"],
26-
},
27-
{
28-
id: 2,
29-
title: "Sr. Front-End Developer",
30-
company: "Egegen",
31-
time: "2017 - 2018",
32-
image: "/img/logo/varien.png",
33-
description:
34-
"Web sitesi geliştirme, web siteleri ve web uygulamaları oluşturma, programlama, kodlama ve sürdürme sürecidir.",
35-
tags: ["HTML", "CSS", "Javascript"],
36-
},
37-
{
38-
id: 3,
39-
title: "Front-End Developer",
40-
company: "Fikir 360",
41-
time: "2014 - 2016",
42-
image: "/img/logo/fikir-360.png",
43-
description:
44-
"HTML5, CSS3, Javascript ve Javascript çerçeveleri ile mobil uyumlu web siteleri ve özel projeler geliştirdim. Ayrıca web siteleri için basit PHP ve MySQL ve HTML5 tabanlı yönetim panelleri geliştirdim.",
45-
tags: ["HTML", "CSS", "Javascript", "PHP", "MYSQL"],
46-
},
47-
{
48-
id: 3,
49-
title: "Front-End Developer",
50-
company: "Sesnet Medya",
51-
time: "2014 - 2016",
52-
image: "",
53-
description:
54-
"HTML5, CSS3, Javascript ve Javascript çerçeveleri ile mobil ve tarayıcı (IE 7-10) uyumlu web siteleri geliştirdim. E-posta haber bültenlerini kodluyordum. Ayrıca özel proje olarak javascript simülasyon ve javascript projelerinde yer aldım.",
55-
tags: ["HTML", "CSS", "Javascript", "PHP", "MYSQL"],
56-
},
57-
];
58-
return <Experience data={experiences} title="Deneyim" />;
69+
return (
70+
<Section title="Work Experience">
71+
<div className="grid grid-cols-1 gap-4">
72+
{experiences.map((experience: IExperienceItem, i: number) => (
73+
<ExperienceItem key={i} data={experience} />
74+
))}
75+
</div>
76+
</Section>
77+
);
5978
}

‎src/app/globals.css

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,32 @@
33
@tailwind utilities;
44

55
:root {
6-
--background-color: theme(colors.gray.100);
7-
--text-color: theme(colors.gray.950);
6+
--background-color: theme(colors.white);
7+
--text-color: theme(colors.gray.600);
88
}
99

1010
@media (prefers-color-scheme: dark) {
1111
:root {
12-
--background-color: theme(colors.gray.800);
12+
--background-color: theme(colors.black);
1313
--text-color: theme(colors.gray.100);
1414
}
1515
}
1616

17+
[data-theme="light"] {
18+
--background-color: theme(colors.white);
19+
--text-color: theme(colors.gray.600);
20+
}
21+
22+
[data-theme="dark"] {
23+
--background-color: theme(colors.black);
24+
--text-color: theme(colors.gray.100);
25+
}
26+
27+
body {
28+
color: rgb(var(--foreground-rgb));
29+
background: rgb(var(--background-rgb));
30+
}
31+
1732
body {
1833
color: var(--text-color);
1934
font-family: var(--font-inter);

‎src/app/layout.tsx

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
1-
"use client";
2-
31
import "./globals.css";
42
import type { Metadata } from "next";
53
import { Inter } from "next/font/google";
64

7-
import { Header } from "@/components/common";
8-
9-
import { useMouseWheel } from "@/utils";
10-
import { useCallback, useEffect } from "react";
5+
import { Header, ProfileCard } from "@/components/common";
116

127
const inter = Inter({
138
subsets: ["latin"],
@@ -26,13 +21,22 @@ export default function RootLayout({
2621
}: {
2722
children: React.ReactNode;
2823
}) {
29-
useMouseWheel();
30-
3124
return (
32-
<html lang="tr">
33-
<body className="bg-slate-100 text-slate-950 dark:bg-slate-800 dark:text-slate-100">
34-
<Header />
35-
{children}
25+
<html lang="en" suppressHydrationWarning>
26+
<body className="bg-gray-100 text-gray-600 dark:bg-black dark:text-gray-400">
27+
{/*<Header /> */}
28+
<div className="max-w-screen-xl px-4 lg:px-8 mx-auto pt-16 lg:pt-24">
29+
<div className="grid grid-cols-1 lg:grid-cols-9 gap-4 xl:gap-x-8">
30+
<div className="lg:col-span-3">
31+
<ProfileCard />
32+
</div>
33+
<div className="lg:col-span-6">
34+
<div className="bg-white p-3 lg:p-4 xl:p-6 rounded-2xl">
35+
{children}
36+
</div>
37+
</div>
38+
</div>
39+
</div>
3640
</body>
3741
</html>
3842
);

‎src/app/page.tsx

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,25 @@
11
import type { Metadata } from "next";
22

3-
import { Hero } from "@/components/sections/";
3+
import { About, Information, Abilities, Experience } from "@/components/blocks";
4+
5+
import {
6+
Accordion,
7+
AccordionContent,
8+
AccordionItem,
9+
AccordionTrigger,
10+
} from "@/components/ui/accordion";
411

512
export const metadata: Metadata = {
613
title: "Anasayfa",
714
description: "Anasayfa hakkında bilgi",
815
};
916

1017
export default function Home() {
11-
return <Hero />;
18+
return (
19+
<>
20+
<About />
21+
<Abilities />
22+
<Experience />
23+
</>
24+
);
1225
}

‎src/components/blocks/abilities.tsx

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
import React from "react";
2+
3+
import { Section, Item } from "@/components/ui";
4+
5+
import { IValue } from "@/lib/types";
6+
7+
export default function Abilities() {
8+
const abilities = [
9+
{
10+
title: "Frontend Frameworks",
11+
value: "React, Next.js",
12+
},
13+
{
14+
title: "Content Management Systems",
15+
value: "Strapi, Wordpress",
16+
},
17+
{
18+
title: "Frontend Skills",
19+
value:
20+
"HTML5, CSS3, SASS, Javascript, Typescript, Tailwind CSS, Bootstrap",
21+
},
22+
{
23+
title: "Programs",
24+
value:
25+
"Visual Studio, VS Code, PgAdmin4, Netbeans, Figma, Jira, Asana, Trello",
26+
},
27+
{
28+
title: "Databases",
29+
value: "Mysql, PostgreSQL",
30+
},
31+
{
32+
title: "Other",
33+
value: "Git, Jenkins, RESTful API, Gulp, Prettier, PHP (Basic)",
34+
},
35+
];
36+
37+
return (
38+
<Section title="Abilities and Tech Stack">
39+
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-x-12">
40+
{abilities.map(({ title, value }: IValue, i: number) => (
41+
<Item key={i}>
42+
<h4 className="font-medium text-black">{title}</h4>
43+
<p>{value}</p>
44+
</Item>
45+
))}
46+
</div>
47+
</Section>
48+
);
49+
}

‎src/components/blocks/about.tsx

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from "react";
2+
3+
import { Section } from "@/components/ui";
4+
5+
export default function About() {
6+
return (
7+
<Section>
8+
<p className="mb-3">
9+
Hello! My name is <span className="font-semibold">Ergun Cobanoglu</span>
10+
. I'm experienced in front-end developer and I'm very passionate and
11+
dedicated to my work.
12+
</p>
13+
<p>
14+
With 10 years of experience as{" "}
15+
<span className="font-semibold">
16+
a professional front-end developer
17+
</span>
18+
, I have acquired the necessary knowledge and skills to make your
19+
project a success. Currently, I am seeking opportunities to further
20+
develop my skills and contribute to innovative projects within the tech
21+
industry.
22+
</p>
23+
</Section>
24+
);
25+
}

0 commit comments

Comments
 (0)