tadoe

PL

EN

Front-End Development

Radek Guga

Radek Guga

Portfolio

About Me

Technologies

HTML Advanced

CSS Advanced

JavaScript Basic

React Basic

Redux Basic

Bootstrap Basic

Sass Basic

XML Basic

The aproach that inspires me

Fasctination with turning ideas into reality

Detail orientation as an element of the whole

Converting problems into new solutions

ideas
detail
solutions

Projects

Websites

gugafotografia

Subject area: Photography

Technologies, libraries: HTML, CSS

Language: pl

Date: 2021.08

Go to it

architektonicznekadry

Subject area: Architecture, Photography

Technologies, libraries: HTML, CSS, JS, nanogallery2, tilt.js

Language: pl/en

Customer: Architecture enthusiast (family member)

Date: 2024.02

Go to it

naszerysunki

Subject area: Drawings made for fun

Technologies, libraries: HTML, CSS, JS, jQuery, Lightbox

Language: pl

Date: 2022.02

Go to it

gugafoto

Subject area: Photography

Technologies, libraries: HTML, CSS, JS, Sass, Lightbox

Language: pl/en

Date: 2022.02

Go to it

fotoprzegladkolejowy

Subject area: Railways, Photography

Technologies, libraries: HTML, CSS, JS, Lightbox, Swiper

Language: pl

Customer: Railway enthusiast (family member)

Date: 2022.09

Go to it

rzutokanasudety

Subject area: Mountains, Photography

Technologies, libraries: React (including React Router, hooks), JS, JSX, HTML, CSS, API

Language: pl

Date: 2022.09

Go to it

Websites prototypes

Car Wash "High Gloss"

Subject area: Business Services: Car Washing (of fictional Business Unit)

Technologies, libraries: HTML, CSS, JS

Language: en

Date: 2022.07

Go to it

Quick Clean

Subject area: Business Services: Furniture and car upholstery cleaning (of fictional Business Unit)

Technologies, libraries: HTML, CSS, JS

Language: en

Date: 2022.07

Go to it

Fruit Market "Natural Strength!"

Subject area: Business Services: Fruit Market (of fictional Business Unit)

Technologies, libraries: React (including: React Router, hooks, Styled Components, Radium, PropTypes, Context API), Redux, Redux-thunk, JS, JSX, HTML, CSS, API, JWT, NPM packages

Language: en

Go to it

Vehicle Gallery

Subject area: Public Services: Vehicle Enthusiasts eClub (fictional Unit)

Technologies, libraries: HTML, CSS, Bootstrap, Animate.css

Language: en

Date: 2023.09

Go to it

Techtext ipoint

Subject area: Public Services: Technical texts, articles portal (fictional Unit)

Technologies, libraries: HTML, CSS

Language: en

Date: 2023.10

Go to it

Literature ipoint

Subject area: Public Services: Essays, texts portal (fictional Unit)

Technologies, libraries: HTML, CSS

Language: en

Date: 2023.11

Go to it

Short pieces

photographic-film-concept

Description: The concept of images placing on the website using a design of an old, analog photographic film

Technologies, libraries: HTML, CSS

Main concepts, properties: position, float

Date: 2022.02

Go to it

air-hockey

Description: An animation of an air hockey game

Technologies, libraries: HTML, CSS, jQuery

Main concepts, properties: keyframes, animation, position, transform, linear-gradient

Date: 2022.04

Go to it

note-weather

Description: Notes and todo list with weather information section and some ideas displayed in ramdom mode

Technologies, libraries: HTML, CSS, JS, API

Main concepts, properties: flexbox, input, axios (get, then, catch), createElement, append, e.target

Date: 2022.04

Go to it

picture-2part-card

Description: Two-part card with animations that uses 3d effect

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: perspective, transform-style: preserve-3d, flexbox, keyframes, animation, position

Date: 2022.04

Go to it

quantities-converter

Description: Converter of physical quantities (Meters to Feet, Centimeters to Inches, Kilometers to Miles, Celsius to Fahrenheit, Kilograms to Pounds, Grams to Ounces)

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, input, innerHTML, physical conversion formulas

Date: 2022.05

Go to it

clock

Description: Clock

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, transform, new Date, getHours, getMinutes, getSeconds

Date: 2022.05

Go to it

stopwatch

Description: Stopwatch

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, transform, setInterval

Date: 2023.01

Go to it

calculator

Description: Calculator

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, linear-gradient, textContent, eval

Date: 2023.01

Go to it

digital-clock

Description: Digital clock

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, new Date, getDay, getDate, getMonth, getFullYear, getHours, getMinutes, getSeconds, setInterval

Date: 2023.01

Go to it

currency-widget

Description: Currency widget

Technologies, libraries: HTML, CSS, JS, API

Main concepts, properties: flexbox, fetch, toFixed

Date: 2023.01

Go to it

notes

Description: Notes

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: flexbox, select, options, textArea, innerHTML

Date: 2023.01

Go to it

train-timetable-widget

Description: Simulator of a train timetable widget

Technologies, libraries: HTML, CSS, JS

Main concepts, properties: table, keyframes, Array.from(), createElement, append

Date: 2023.01

Go to it