-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (138 loc) · 8.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konstantinos Fragkoulis</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="favicon.svg" type="image/svg+xml">
<link rel="manifest" href="manifest.json">
<meta name="description" content="Hi! I'm Konstantinos Fragkoulis, a high school student from greece. This is my portfolio. Here you can see my projects - all the cool stuff I have been working on.">
<meta name="keywords" content="Konstantinos Fragkoulis, student, innovator, maker, high school, greece, portfolio, projects, flutter, firebase, dart, python, opencv, numpy, apis">
<meta name="author" content="Konstantinos Fragkoulis">
<meta name="theme-color" content="#2196F3">
<meta name="background-color" content="#243546">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="format-detection" content="telephone=no">
<meta property="og:title" content="Konstantinos Fragkoulis">
<meta property="og:description" content="Hi! I'm Konstantinos Fragkoulis, a high school student from Greece. This is my portfolio. Here you can see my projects - all the cool stuff I have been working on.">
<meta property="og:image" content="https://konstantinos.me/favicon.svg">
<meta property="og:url" content="https://konstantinos.me">
<meta name="twitter:card" content="summary">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<h1>Konstantinos Fragkoulis</h1>
<h3>Hi 👋 I'm a student, innovator, and maker.</h3>
</header>
<main>
<section id="projects">
<h2>Projects</h2>
<div class="project">
<img src="studyaid.webp" alt="The logo of Study Aid" width="200" height="200">
<div class="project-details">
<h3>Study Aid</h3>
<p>A mobile app that helps students with learning difficulties study more effectively. Utilizing Artificial Intelligence, the application enhances notes, generates quizzes and creates a custom study schedule tailored to each student.</p>
<div class="tech-stack">
<span class="bordered"><span>Flutter</span></span>
<span class="bordered"><span>Firebase</span></span>
<span class="bordered"><span>Dart</span></span>
<span class="bordered"><span>APIs</span></span>
</div>
</div>
</div>
<div class="project">
<img src="racecar.webp" alt="The image of the panhellenic competition racecar challenge" width="200" height="200">
<div class="project-details">
<h3>Racecar</h3>
<p>After completing an online course by MIT, my team and I created an autonomous car in order to complete at the national competition Racecar Challenge. We placed 2nd and 3rd in Greece two consecutive years. After the competition, we presented our racecar at the Athens Science Festival.</p>
<div class="tech-stack">
<span class="bordered"><span>Python</span></span>
<span class="bordered"><span>OpenCV</span></span>
<span class="bordered"><span>NumPy</span></span>
<span class="bordered"><span>Git</span></span>
</div>
<div class="links">
<a class="primary" href="https://racecarchallenge.org/en/home-2/" target="_blank" rel="noopener noreferrer">Visit Competition Website</a>
<a class="secondary" href="https://github.com/konstantinosfragkoulis/racecar" target="_blank" rel="noopener noreferrer">View Source</a>
</div>
</div>
</div>
<div class="project">
<img src="drone.webp" alt="My autonomous drone hovering" width="200" height="200">
<div class="project-details">
<h3>Autonomous Drone</h3>
<p>Building on the knowledge I gained from creating an autonomous car, I decided to develop an autonomous drone. This project presents a greater challenge, allowing me to expand my knowledge of autonomous vehicles and delve deeper into electronics as well, not just coding.</p>
<div class="tech-stack">
<span class="bordered"><span>C++</span></span>
<span class="bordered"><span>Python</span></span>
<span class="bordered"><span>OpenCV</span></span>
<span class="bordered"><span>Tensorflow</span></span>
<span class="bordered"><span>Git</span></span>
</div>
<div class="links">
<a class="secondary" href="https://github.com/konstantinosfragkoulis/DroneCtrl" target="_blank" rel="noopener noreferrer">View Source</a>
</div>
</div>
</div>
<div class="project">
<img src="functionplotter.webp" alt="My 3d equation plotter website" width="200" height="200">
<div class="project-details">
<h3>3D Equation Plotter</h3>
<p>Inspired by a coding workshop at Hack Club, I developed a 3D equation plotter website. It offers a unique way of viewing the graphs of functions by allowing users to navigate through 3D space. It can plot all 3 and 2 variable equations.</p>
<div class="tech-stack">
<span class="bordered"><span>JavaScript</span></span>
<span class="bordered"><span>A-Frame</span></span>
<span class="bordered"><span>Web Workers</span></span>
</div>
<div class="links">
<a class="primary" href="https://plotter.konstantinos.me" target="_blank" rel="noopener noreferrer">Visit Website</a>
<a class="secondary" href="https://github.com/konstantinosfragkoulis/FunctionPlotter" target="_blank" rel="noopener noreferrer">View Source</a>
</div>
</div>
</div>
</section>
<div class="project">
<img src="osmosis.webp" alt="My 3d equation plotter website" width="200" height="200">
<div class="project-details">
<h3>Osmosis Simulation</h3>
<p>Wanting to expand on my knowledge of the chemistry I do at school, I created a simple website that simulates the phenomenon of osmosis. You can explore how water levels change and how the semipermeable membrane moves in response to differences in solution concentration on either side.</p>
<div class="tech-stack">
<span class="bordered"><span>HTML</span></span>
<span class="bordered"><span>CSS</span></span>
<span class="bordered"><span>JavaScript</span></span>
</div>
<div class="links">
<a class="primary" href="https://osmosis.konstantinos.me" target="_blank" rel="noopener noreferrer">Visit Website</a>
<a class="secondary" href="https://github.com/konstantinosfragkoulis/Osmosis" target="_blank" rel="noopener noreferrer">View Source</a>
</div>
</div>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>You can reach me at:</p>
<ul>
<li>LinkedIn: <a href="https://www.linkedin.com/in/konstantinos-fragkoulis" target="_blank" rel="noopener noreferrer">konstantinos-fragkoulis</a></li>
<li>GitHub: <a href="https://github.com/konstantinosfragkoulis" target="_blank" rel="noopener noreferrer">konstantinosfragkoulis</a></li>
<li>Email: <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">[email protected]</a></li>
</ul>
</section>
</main>
<footer>
<p>© 2025 Konstantinos Fragkoulis</p>
</footer>
</body>
</html>