My Projects

Hey there! Welcome to my portfolio! I'm excited to share some projects I worked on during my "Web Development" course. They show my journey and the effort I've put in, whether big or small. Each project is designed to work well and load quickly, even on mobile. I’m always updating my work, so feel free to check it out and see what I’ve been up to. You can also follow my progress on my Student GitHub account.

Projects with HTML, CSS and JavaScript

Project 1

Using styling with JavaScript only, using randomal colors.

Project 2.1
Project 2

Apply the DOM traversing techniques I've learned during one of the first lessons.

Project 2
Project 3

There are 3 paragraphs and it is possible to delete each one of them by pressing [X].

Project 3
Project 4

A dynamically generated book website. Instead of adding the books directly into the HTML, the HTML is dynamically generated based on an array of JavaScript objects, and CSS classes are added using the classList API.

Project 4
Project 5

A walking Mario controlled using the keyboard arrow keys.

Project 5
Project 6

The player must guess the correct color by clicking on the colored squares on the page.

Project 6
Project 7

A pokemon search engine using the Fetch API and the Pokemon API.
The website that allows the user to search for Pokemons and see their stats and abilities.

Project 7
Project 8

This is the first page I created independently using what I learned in the JavaScript course, combining HTML, CSS, and JS. To make it fun, I added AI images that change randomly with each refresh. Click the images, turn on the speakers, and enjoy!

Project 8
Project 9

I created this website specifically for my brother, who decided to start a new side career as a private teacher. The website is promoted through a Facebook page and sitemap, monitored with Google Analytics, and is still in progress.

Project 9

Projects with HTML and CSS

Project 1

My first exercise using bootstrap only.

Project 1
Project 2

Grid Project - here there is an example for a small exercise containing grid.

Project 2
Project 3

One page website about the singer Whitney Houston. This project was my first one page website project in the course.

Project 3
Project 4

Basic use of forms.

Project 4
Project 5

Basic Grid elements with responsive layout.

Project 5
Project 6

Responsive colorful flexboxes.

Project 6
Project 7

Practicing how to control `overflow` with CSS.

Project 7
Project 8

Responsive layout and images.

Project 8
Project 9

A form with responsive layout.

Project 9
Project 10

Animated cubes and text.

Project 10
Project 11

Animiertes Bild und Texte.

Project 11
Project 12

Nur Bootstrap mit responsivem Layout.

Project 12
Project 13

A small blog with several pages.

Project 13
Project 14

Using flexboxes with responsive layout.

Project 14
Project 15

Using table.

Project 15
Project 16

A table with "zebra" effect and responsive layout.

Project 16
Project 17

Using flexboxes and images with responsive layout.

Project 17
Project 18

A table with data and images.

Project 18
Project 19

A form for log-in data.

Project 19
Project 20

A layout of a music player.

Project 20
Project 21

A contact form and images with a responsive layout.

Project 21
Project 22

A transparent (blur) effect for a virtual visit card.

Project 22
Project 23

A page of an information website with internal and external links and a responsive layout.

Project 23
Project 24

A one page information website with images and a responsive layout.

Project 24