My Other Projects

Filter by language

Social Media Dashboard

Social Media Dashboard

react

Simple Social Media Dashboard React app with dark and light mode toggle function. Static data. Design from Frontend Mentor Social Media Dashboard Challenge.

Frontend Mentor
Themed Clock App

Themed Clock App

html

css

js

Clock App with theme switcher function built with JavaScript. Idea based on Brad Traversy's Theme Clock Project from 50 Projects in 50 Days Udemy Course.

IP Address Tracker App

IP Address Tracker App

html

css

js

api

JavaScript App based on an advanced Frontend Mentor Challenge. To get the IP Address locations, I used the IP Geolocation API by IPify. To generate the map, I used LeafletJS. Responsive Layout.

LeafletJSIP Geolocation APIFrontend Mentor
Form Validation Component

Form Validation Component

html

css

js

Intro Component with form validation. I used Regex in order to validate the phone number, the email address and the criteria of the password. Design idea from Frontend Mentor.

Frontend Mentor
Herzigs Website

Herzigs Website

react

Herzigs Vehicle Repair Website. I've created the design based on their previous site. This is a Single Page React App.

GreenByte Site

GreenByte Site

html

css

GreenByte freelancer developer landing page and contact information. I've built the page as a freelancer. Responsive layout.

Relaxer JS App

Relaxer JS App

html

css

js

Relaxer JavaScript App with CSS animation based on Brad Traversy's 20 Web Projects with Vanilla JS Udemy Course. Follow the animated circle, breath in for 5 sec, hold it for 2.5 sec and breath out for 5 sec.

RGB Guessing Game

RGB Guessing Game

html

css

js

RGB Color Guessing Game built with JavaScript. The quest is a randomly generated RGB color. The player can choose from 6 other colors, one matches with the quest, the other 5 are randomly generated.

Dadjokes API

Dadjokes API

html

css

js

api

Every time you ask for a new joke, the app fetches a new one from the API. Idea based on Brad Traversy's Dad Jokes Project from 50 Projects in 50 Days Udemy Course.

icanhazdadjoke API
Infinite Scroll

Infinite Scroll

html

css

js

api

Infinite scroll blog posts app built with JavaScript. The app uses JSON Placeholder API for the blog posts. Highlighted search term in text. Idea based on Brad Traversy's 20 Web Projects with Vanilla JS Udemy Course.

{JSON} Placeholder API
Vertical Slider Gallery

Vertical Slider Gallery

html

css

js

Double Vertical Infinite Gallery Slider with CSS animation. Idea based on Brad Traversy's Dad Jokes Project from 50 Projects in 50 Days Udemy Course.

Drag N Drop Puzzle

Drag N Drop Puzzle

html

css

js

You can get a hint which squares are in the right position and which one are not. At the end of the game you can shuffle them again. Idea based on Brad Traversy's Drag N Drop Puzzle Project from 50 Projects in 50 Days Udemy Course.

Lyrics Search App

Lyrics Search App

html

css

js

api

Lyrics Search App with pagination. Lyrics from Lyrics.ovh API. Idea based on Brad Traversy's Search App from 20 Web Projects with Vanilla JS Udemy Course.

Lyrics.ovh API
Sunnyside Landing Page

Sunnyside Landing Page

html

css

Free Simple Responsive Sunnyside Agency Landing Page. Junior Level Challenge from Frontend Mentor without design files. Responsive Layout.

Frontend Mentor
Tip Splitter React App

Tip Splitter React App

react

Bill Splitter React App. You can enter the bill amount, the tip percentage and the number of people who'd like to share the bill. The tip amount and the total calculated per person. Junior Challenge from Frontend Mentor. Responsive Layout.

Frontend Mentor
Minesweeper Retro Game

Minesweeper Retro Game

html

css

js

Good old Minesweeper Game. Double click on the icon to start the game. Functionality built with Vanilla JS using recursion.

Ania Kubów - Minesweeper
Coffeeroasters landing page

Coffeeroasters landing page

html

css

js

You can choose from different options and create a personalized coffee subscription plan. See your order summary in a modal. Premium Challenge from Frontend Mentor with Figma design files. Responsive Layout.

Frontend Mentor