Giter Club home page Giter Club logo

Welcome to my GitHub Profile!

Konstantinos Kokordelis

About Me

Hi! I'm Konstantinos, a full-stack developer with experience building dynamic and engaging web applications. Currently, my focus is primarily on front-end development, utilizing modern frameworks and tools (particularly React and Vue.js) to create seamless user experiences.

🛠️ Skills & Technologies

  • Languages: JavaScript TypeScript HTML5 CSS3

  • Frameworks & Libraries: Vue.js Vuetify React React Hook Form React Query React Router Zustand tRPC Zod Prisma Chakra UI Bootstrap Tailwind CSS

  • Databases: MySQL PostgreSQL Microsoft SQL Server

  • Tools & Platforms: Git Node.js Vite Next.js Jenkins

🌟 Featured Projects

A movie database web application built using Vue.js and Vuetify, backed by the Open Movie Database API. It is designed as a responsive web app and supports theming and dark mode. It supports "dark mode" styling, and by default it will follow the color preference on your device. The web app is built using responsive design in mind, and by default it will adjust its content depending on the screen size of the medium (e.g. phone/computer).

A video game discovery web app developed with React, TypeScript and Chakra UI. Game Hub helps users find new and interesting games to play. With GameHub, users can search for games by platform, genre, and more.

Spotify Playlist Creator is a web application that allows users to create Spotify playlists. Built with React, TypeScript, and Chakra UI, this app leverages the Spotify API and a responsive design to provide an intuitive user experience.

BusiNESs Card Generator is a fun and retro-styled web app that showcases the potential of React and React Hook Form. This app serves as a proof of concept and a playful demonstration of NES.css, a CSS framework inspired by classic video games.

A simple web app built with React and styled using NES.css to give it a nostalgic NES look and feel. This app allows users to select their favorite NES character from a list and displays a short description along with the games in which the character appears.

A simple web application that demonstrates a basic login and signup form. The project is built using Vite, HTML5, CSS3, and JavaScript. It showcases a beautiful and responsive layout using modern CSS techniques, uses a light and a dark theme using @media queries, and includes basic form validation using JavaScript.

A simple calendar application that focuses on CSS and front-end development practices. Created as a demo for a prospect client, it uses fullcalendar.io.

A beginner-friendly project focused on HTML and CSS, perfect for those new to responsive web design.

📈 GitHub Stats

Konstantinos's GitHub stats

📫 Get in Touch

Feel free to explore my repositories and get in touch if you have any questions or collaboration ideas!


This README.md was generated with ❤️ by Konstantinos K

Konstantinos K's Projects

age-calculator-app icon age-calculator-app

This is a solution to the Age calculator app challenge on Frontend Mentor: https://www.frontendmentor.io/challenges/age-calculator-app-dF9DFFpj-Q

business-card-generator icon business-card-generator

A silly web app that generates virtual business cards for the given contact details using the NES look-and-feel

contacts icon contacts

A Contacts webapp built using Vue.js and Vuetify

game-hub icon game-hub

GameHub is a video game discovery web app that helps you find new and interesting games to play. With GameHub, you can search for games by platform, genre, and more.

login-form icon login-form

A simple web application that demonstrates a basic login and signup form built using HTML5, CSS3, and JavaScript

movie-database icon movie-database

A movie database webapp built using Vue.js and Vuetify and backed by Open Movie DataBase API

movie-database-react icon movie-database-react

A new take on my movie database webapp project, using React, Typescript and Chakra UI and backed by Open Movie DataBase API

project-boost icon project-boost

Created as part of the GameDev.tv Complete Unity Developer 3D course. In this project we create a fun rocket boost game using Unity's physics system.

qr-code-component icon qr-code-component

A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

spotify-playlist icon spotify-playlist

A web application that allows users to create Spotify playlists, built with React, TypeScript, and Chakra UI

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.