exynos.github.io_old/index.html at main · ExynOS-ROM/exynos.github.io_old · GitHub

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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="stylesheet" href="/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="og:image" content="/public/assets/site-screenshot.png" />
    <title>Kostas Tepetes</title>
  </head>
  <body>

    <canvas id="bg"></canvas>

    <main>

      <header>
        <h1>Kostas Tepetes</h1>
        <p>🚀 Frontend Developer</p>
      </header>

      <section>
        <h2>📜 Summary</h2>
        <p>
          📅 Born in 23/07/1999

        </p>
        <p>
          🏠 Residence: Patras, Greece.
        </p>
        <p>
          🎓 Computer Science and Engineering Undergraduate Student at University of Patras.
        </p>

        <p>
          🖥️ Front-End Developer passionate about building responsive websites. Skilled in HTML5, CSS3 (SCSS/SASS, Bootstrap, Tailwind CSS, MaterialUI), JavaScript, Vue.js & React.js. Interested in Web Design.
        </p>

        <p style="display: flex; justify-content: center;">
          <img src="/public/assets/code.png" alt="coding languages" style="border-radius: 16px; max-width: 20em;">
        </p>


      </section>

      <section class="right">
        <h2>👩🏽‍🚀 Projects</h2>

        <p>
          <a href="https://github.com/kostastepetes/sqky-css-library" target="_blank">sqky | CSS Library</a> : <br>
          ✨ sqky is a "squeaky clean" CSS library for elegant and efficient UIs made with SASS.
          </p>
        <p>
          <a href="https://github.com/kostastepetes/boilervue-atomic-design-system" target="_blank">BoilerVue | Atomic Design System for Vue.js</a> : <br>
          🟢 BoilerVue is an Atomic Design System for Vue.js
          </p>
        <p>
           <a href="https://be-sheltered.netlify.app/#/" target="_blank">Sheltered | Secure, Private & Encrypted Video Call and Chat Hybrid App</a> : <br>
           🎦 Sheltered is a hybrid application which allows pairs of users to securely and privately set-up and make video calls and chat over the internet. No registration or authorization is required. Developed as part of my University Thesis using web technologies like JavaScript, HTML5, and CSS and frameworks like React.js, Vue.js, Node.js, Express.js, TailwindCSS, Bootstrap as well as the Ionic framework (Capacitor) <br> <em>[Associated with University Of Patras & Became a Paper at INTED2023🎓]</em>
          </p>
         <p>
          <a href="https://www.deloittedigital.com/us/en/blog-list/2018/the-future-of-salesforce-marketing-cloud-powered-by-deloitte-dig.html" target="_blank">Web Personalization - UI Campaigns Projects</a> : <br>
          🛒 Personalized Web Campaigns on DolceGabbana, Brunello Cucinelli, Ducati, Lavazza & ItaliaOnline official websites. <br> <em>[Associated with Deloitte Greece 🟢]</em>
          </p>
        <p>
          <a href="https://github.com/kostastepetes/elegant-design-system" target="_blank">elegant. | Design System | Styling Boilerplate</a> : <br>
          🖋 elegant. is a slick, simple and clean Design System that can be used as a SASS/CSS boilerplate template for your next project.
          </p>
        <p>
          <a href="https://github.com/kostastepetes/HAR-Analyzer-Website-MERN" target="_blank">HAR Analyzer</a> : <br>
          🧙‍♂️ MERN stack website (MongoDB + Express + React + NodeJS) that operates as a Crowdsourcing platform and allows its users to upload, analyze and process their HAR Files (HTTP Archives)
          </p>
        <p>
          <a href="https://github.com/kostastepetes/burnerchat-video-call-web-app" target="_blank">Burnerchat - Secure & Private Video Call Web App</a> : <br>
          🎦 Video Call Web App called BurnerChat. Completely safe and private video call using of unique call ID that you send to a peer and do a 1-to-1 call. Made with nodeJS + Express + ReactJS + MaterialUI + WebRTC + Socket.io
        </p>

      </section>

      <section class="left">

        <h2>🏆 Certifications</h2>

      <ul>
        <li>
          Front End Web Development: Complete Guide (HTML5 + CSS3 + JavaScript ES6 + Bootstrap + Angular + React) by <em>Udemy</em>
        </li>
        <li>
          Front-End Web Development with React by <em>Coursera / University of Hong Kong</em>
        </li>
        <li>
          Complete Vue.js 3  by <em>Udemy</em>
        </li>
        <li>
          Intro to Vue 3 by <em>Vue Mastery</em>
        </li>
        <li>
          React (Basic) by <em>HackerRank</em>
        </li>
        <li>
          Front-End Libraries by <em>freeCodeCamp</em>
        </li>
        <li>
          JavaScript Algorithms & Data Structures by <em>freeCodeCamp</em>
        </li>
        <li>
          Responsive Web Design by <em>freeCodeCamp</em>
        </li>
        <li>
          Ionic Basics by <em>Udemy</em>
        </li>
        <li>
          TypeScript for Professionals by <em>Udemy</em>
        </li>
        <li>
          The Complete SASS & SCSS Course by <em>Udemy</em>
        </li>
        <li>
          Complete Flexbox Course: Master CSS3 Flexbox by <em>Udemy</em>
        </li>
        <li>
          HTML Essential Training by <em>LinkedIn e-Learning</em>
        </li>
        <li>
          HTML5 Fundamentals by <em>Solo Learn</em>
        </li>
        <li>
          UI/UX Fundamentals by <em>Udemy</em>
        </li>
        <li>
          Wordpress for Beginners by <em>Udemy</em>
        </li>
      </ul>

      </section>

      <section class="right">
        <h2>👷 Experience</h2>
        <ul>
          <li> Junior Web Developer | Business Analyst 2 @ <em>Deloitte Greece </em>🟢 | January 2022 - now
            <ul>
              <li> Projects for 𝗗𝗼𝗹𝗰𝗲𝗚𝗮𝗯𝗯𝗮𝗻𝗮, 𝗗𝘂𝗰𝗮𝘁𝗶, 𝗕𝗿𝘂𝗻𝗲𝗹𝗹𝗼 𝗖𝘂𝗰𝗶𝗻𝗲𝗹𝗹𝗶, 𝗜𝘁𝗮𝗹𝗶𝗮𝗢𝗻𝗹𝗶𝗻𝗲 & 𝗟𝗮𝘃𝗮𝘇𝘇𝗮</li>
                <li>    Frontend Web Development work and Personalized Web Campaigns on client websites with 𝗛𝗧𝗠𝗟, 𝗖𝗦𝗦, 𝗕𝗼𝗼𝘁𝘀𝘁𝗿𝗮𝗽, 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁/𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁.</li>
                <li>    Web integration of the Marketing Cloud Personalization platform for personalised web experiences, using 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁.</li>
                <li>    Developed demos for world renowned clients presenting personalized web campaigns on their website, with 𝗛𝗧𝗠𝗟, 𝗖𝗦𝗦, 𝗕𝗼𝗼𝘁𝘀𝘁𝗿𝗮𝗽, 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁/𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁.</li>
                <li>    2x Salesforce Marketing Cloud certified. Earned certifications for "𝗠𝗮𝗿𝗸𝗲𝘁𝗶𝗻𝗴 𝗖𝗹𝗼𝘂𝗱 𝗣𝗲𝗿𝘀𝗼𝗻𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻 𝗔𝗰𝗰𝗿𝗲𝗱𝗶𝘁𝗲𝗱 𝗣𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹" and "𝗠𝗮𝗿𝗸𝗲𝘁𝗶𝗻𝗴 𝗖𝗹𝗼𝘂𝗱 𝗖𝗗𝗣 𝗔𝗰𝗰𝗿𝗲𝗱𝗶𝘁𝗲𝗱 𝗣𝗿𝗼𝗳𝗲𝘀𝘀𝗶𝗼𝗻𝗮𝗹".</li>
                <li>    Collaborating with a team of 30+ Developers & Engineers, both from Greece and Italy, on an 𝗔𝗴𝗶𝗹𝗲/𝗦𝗰𝗿𝘂𝗺 framework.</li>
            </ul>
          </li>
        </ul>
      </section>


      <section class="left">
        <h2>📱 Contact</h2>

        <a href = "mailto: ktepetes9@gmail.com" class="fa fa-envelope-o" aria-hidden="true" target="_blank"> ktepetes9@gmail.com</a>
        <br>
        <hr>
        <br>
        <a href="https://www.linkedin.com/in/kostas-tepetes/" class="fa fa-linkedin-square" aria-hidden="true" target="_blank"> LinkedIn:</a>
        <br>
        <hr>
        <br>
        <a href="https://github.com/kostastepetes" class="fa fa-github" aria-hidden="true" target="_blank"> GitHub:</a>

      </section>

      <blockquote>
        <p>Developed by Yours Truly!</p>
      </blockquote>


    </main>

    <script type="module" src="/main.js"></script>

</body>
</html>