Andreas Karapanos

Featured project

A real website for a small business, built with plain HTML, CSS and JavaScript.

Edible Goals: custom cake business

A responsive one-page site with a mobile menu, scroll-reveal animations, a filterable photo gallery with a keyboard-friendly lightbox, a testimonial slider and a contact form that drafts an order email. Photos converted to WebP to cut the page weight from 11.6 MB to 0.6 MB.

• HTML
• CSS
• JavaScript
• Responsive
• Performance

Visit siteCode

Full-stack projects

Server-rendered apps backed by PostgreSQL, each with its own repository, setup guide and screenshots.

Secrets: authentication

Register and log in with email and password or with Google. Passwords hashed with bcrypt, sessions, protected routes.

• Passport
• OAuth 2.0
• bcrypt
• PostgreSQL

View code

Family Travel Tracker

Each family member colors the countries they've visited on an SVG world map. Relational schema with foreign keys and unique constraints.

• PostgreSQL
• SQL
• Express
• SVG

View code

Blog REST API

A JSON REST API (GET, POST, PATCH, DELETE with proper status codes) and a separate website that uses it through axios.

• REST
• Express
• axios
• EJS

View code

Permalist

A to-do list stored in PostgreSQL with inline editing, input validation and error handling on every route.

• CRUD
• PostgreSQL
• Express
• EJS

View code

Live demos

HTML, CSS and JavaScript projects that run right in your browser.

Simon Game

The classic memory game: repeat a growing sequence of colors and sounds. Needs a keyboard to start.

• JavaScript
• jQuery
• Events
• Audio

PlayCode

Dicee

Two players roll random dice on every page refresh and the page announces the winner.

• JavaScript
• DOM

PlayCode

TinDog

A responsive startup landing page with features, testimonials and pricing plans.

• Bootstrap
• Responsive

OpenCode

Web Design Agency

A company page laid out with floats and flexbox, adapting to small screens with a media query.

• CSS layout
• Media queries

OpenCode

Node.js and SQL exercises

Server-side projects. They run locally, so these links open the code.

• QR Code GeneratorCommand-line tool that turns a URL into a QR code image (inquirer, qr-image, fs).
• Password-protected pageA form whose Express route checks a password before sending the secret page.
• Band Name GeneratorRandom band names rendered with EJS templates and partials.
• Random SecretsShows a random anonymous secret fetched from a public API with axios.
• Jokes APIA REST API for jokes: filtering, adding, replacing, editing and deleting.
• Travel TrackerSingle-user world map of visited countries stored in PostgreSQL.
• World Capital QuizA quiz that asks for capital cities loaded from PostgreSQL and keeps score.