Giter Site home page Giter Site logo

Hi there 👋, my name is Kostas Tepetes

Passionate about being creative on the internet and building projects in the Web as a Frontend Developer, with an eye for UI/UX Design and Design Systems. Skilled in HTML5, CSS3 (SCSS/SASS, Bootstrap, Tailwind CSS, Bulma), JavaScript, Vue.js, Nuxt.js & GSAP.

  • 🎓 BSc/MSc Computer Science & Engineering @ University of Patras

  • 🔭 I’m currently working as a Junior Web Developer @ Deloitte Greece

  • 🎨 I’m all about Frontend Web Development & Visual Design

  • 🛠 I've developed my own CSS Library called ✨SQKY✨ and my own AJAX Library called ✨grab.js✨

  • ☁ 6x Marketing Cloud Certified

  • ⚡ What I like to do: I like movies/TV shows, sports, coding mini personal projects, sketching/design and struggling on board games...

  • 🚀 Personal Website: Here 🚀

Connect with me:

image image

Languages and Tools:

html5 css3 sass bootstrap tailwindcss bulma javascript vuejs nuxt pinia GSAP supabase salesforce git vscode figma

Kostas Tepetes's Projects

burnerchat-video-call-web-app icon burnerchat-video-call-web-app

🎦 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

creative-agency-website icon creative-agency-website

:computer: Website template for a creative web agency that displays a homepage, services page, work/projects page and a contact page. Made in HTML5 + CSS + Vanilla JS

creative-juice icon creative-juice

🥤 Creative Juice is an online platform that connects creative people and allows them to exchange knowledge and ideas online or face-to-face over coffee. Made with Vite + Vue 3 + Supabase + Bootstrap 5 + GSAP.

design-cheatsheet icon design-cheatsheet

✏ Crowdsourced collection of design resources and theory materials for design enthusiasts and professionals alike. Made with Nuxt.js and used Notion as a CMS via the 'vue-notion' library.

drawing-app icon drawing-app

:pencil2: Drawing board that you can change the color, the thickness and erase your previous work. Made in HTML5 + CSS + Vanilla JS.

elegant-design-system icon elegant-design-system

🖋 elegant. is a slick, simple and clean Design System that can be used as a SASS/CSS boilerplate template for your next project.

f1-start-reaction-timer icon f1-start-reaction-timer

🏎 Web App that tests your reaction time and compares it to that of an average F1 Driver. Made in Vue.js

grab-js icon grab-js

🤝 A small (1.8 kB) and comprehensive AJAX Library.

har-analyzer-website-mern icon har-analyzer-website-mern

🧙‍♂️ MERN stack website (MongoDB + Express + React + NodeJS) that operates as a Crowdsourcing platform and allows users to upload, analyze and process their HAR Files (HTTP Archives)

ip-fragmentation-calculator icon ip-fragmentation-calculator

A calculator that displays the number of fragments needed for any given IP Data Packet size and MTU. It also calculates the values of Total Length, MF Flag, Offset.

jquery-basic-cheatsheet icon jquery-basic-cheatsheet

📃 A comprehensive and simple JQuery cheatsheet that contains the most useful & important aspects of the library.

lyrics-search-app icon lyrics-search-app

:musical_note: Find songs, lyrics and artists. Made in HTML5 + CSS + Vanilla JS + lyrics.ovh API

movie-app icon movie-app

:movie_camera: Movie App interface that allows you to browse through every new movie, read their summary, check their score and even search for one. All movie info, overview, posters and searches are made through APIs. Made in HTML5 + CSS + Vanilla JS

movie-seat-booking icon movie-seat-booking

:movie_camera: Book a seat for a movie through a clean, minimalistic interface. Made in HTML5 + CSS + Vanilla JS.

my-dashboard icon my-dashboard

📅 Personal Dashboard with Notes, Calendar, Favorite Links, Kanban Board, Pomodoro Timer and Spotify Playlist that you can re-arrange them with drag-and-drop. Made with Vite + Vue 3 + Pinia + particles.js + vuedraggable

notion-api-node-scheduler icon notion-api-node-scheduler

📆 Using Notion API + NodeJS + ExpressJS to fetch scheduled video releases from Notion and display in a webpage

pokedex icon pokedex

:space_invader: Pokedex type interface that contains all the original 150 Pokemon. Made in HTML5 + CSS + Vanilla-Js + PokeAPI

random-choice-picker icon random-choice-picker

Random choice picker that selects one of the options that where given as an input. Made in HTML5 + CSS + Vanilla JS

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.