Hello,

I’m Daniel Dąbrowski

Frontend

Web

Developer

About me:

. I am an engineer at the Cracow University of Technology with a passion for coding.
. I am mastering my web technology skills for about since 2018.
I specialize in frontend but I also work with fullstack projects.
. My goal is to learn and explore web technologies in order to work on more complex and interesting projects in the future.

Check out my projects!

round-arrow
background camel programmist

My Projects:

Go to project ->

chess-game-raport

Chess Game Raport Project

technologies:
html5 css3 css3 css3
platform:
netlify
source code:
about:

Chess Game Report is a tool for analyzing chess games. It generates a game overview from a pgn file, allowing you to evaluate moves against Stockfish, explore alternative variants, and enhance your skills.

more info:
more info
More about project:

The tool allows you to analyze the course of the game by comparing the movements made in the game with the stockfish lines.
After the generated analysis, the accuracy of the game for the white and black players is displayed.
The tool can help its users better understand the game of chess and use it to improve their playing skills.

How to use the application:
1. paste the pgn file,
2. choose the depth of analysis,
3. click generate report,
4.the report will be generated when the analysis value reaches 100% and the value Analysis completed! will be returned
5. after the generated report, you can browse the batch using the available left and right buttons, and using the keyboard buttons (left and right).

Movements are graded for their quality.

The classified moves are:
- Excellent move,
- Great move,
- Very Good move,
- Good Move,
- Inaccuracy,
- Mistake,
- Blunder

The movements are also colored in the appropriate color for the classification Players' usernames and the level of play they represent are displayed above and below the board. Depending on the type of game, appropriate icons are displayed next to the ranking points:
- 🔫 bullet,
- ⚡ blitz,
- ⏱ classic and
- 🤖 for playing with a bot

On the left side of the chessboard, a position evaluation bar is displayed, which informs which player currently has the advantage.
It is only active after the analysis has been generated.
Currently, the application is optimized for mobile devices.
I was inspired to create this application by tools such as chess.com game review, or "Game Report" developed, among others, by Github user - Wintrcat.

It was created using tools such as:
- chess.js,
- chessboard.js
- stockfish.js
Currently, the application is in alpha version, which means it may still have errors and bugs that I am working on.

Go to project ->

mr-pancake

Mr-Pancake Project

technologies:
html5 css3
platform:
netlify
source code:
about:

This is an e-commerce website that I designed and developed by using Angular with Firebase

more info:
more info
More about project:

It is a e-commerce website with system for adding products to the cart.

In the cart:
- incrementing, decrementing and deleting them user registration and login system,

Functionalities:
- table reservation,
- checking if we deliver to your location,
- posting your own opinions and displaying the last 3 of them,

Visit us section:
- downloading the leaflet map and basic configuration,
- a menu subpage that retrieves the names and prices of pancakes and coffees and displays them on the menu endpoint,

In the future:
- payment processing,
- adding a contact form,
- adding a CMS,
- subpages for the administrator,

Go to project ->

portfolio

.Caster Blog Fullstack App

technologies:
html5 css3 css3 css3
platform:
netlify
source code:
github
about:

This is my first full stack app that i designed and created by myself.

more info:
more info
More about project:

The application has a registration and login system. After logging in, users can view posts, use filters to display posts of a given category or a given user, and create new posts by adding a title, description and photo.

Go to project ->

cookie

.CasterCookie Landing Page

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is a comercial landing page for an app that I’ve created.
Project is using external api to generate random comments.

more info:
more info
Project Difficulties:

In this project I learned things like:
- smooth scroll into section
- fetch data from outer source

My Solution:

I used "fetch" and "scrollTo" functions from js

Go to project ->

cookie app

.CookieCaster App

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is an app about diet. Here you can plan and control your macros.

more info:
more info
Project Difficulties:

The challange was to made a quite complex app by using only html, css and js. The main thing I struggled with, was storing users data.

My Solution:

My solution was to use "parse" and "stringify" methods and manipulate them with localStorage.

Go to project ->

cookie

MapsJS project

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is a simple application that allows you to search for two geographic points using autocomplete forms and determine routes between them using the leaflet api

more info:
more info
Project Difficulties:

- using map from external api
- creating auto-complementary inputs for geographic points

My Solution:

I studied the leaflet api and applied it in my project.
I also used leaflet-routing-machine.

Go to project ->

fylo

Fylo Landing Page

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is a simple single-page project about storing your data in cloud, created as an exercise for frontend mentor.

Go to project ->

laLasia

Lalasia Frontend Project

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is an frontend project made with simple html, css and js for practice my abilities

more info:
more info
Project Difficulties:

I spent the most time on the product section, where I was thinking about how to implement the swiper, but in general the project did not cause me any major problems

My Solution:

I decided to use simply swiperjs in my project

Go to project ->

loopstudios

Loopstudios Landing Page

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is a simple single-page project about vr glasses created as an exercise for frontend mentor.

Go to project ->

easybank

Easybank Landing Page

technologies:
html5 javascript css3
platform:
netlify
source code:
github
about:

This is a simple landing page of banking app created as an exercise for frontend mentor.