About Projects Contact

Hello World I'm Michal

About

As a junior frontend developer eager to land their first job, I possess a solid foundation in the essential web development technologies. With a strong grasp of HTML, CSS, and JavaScript, I have the core skills necessary to build dynamic, responsive websites and web applications. Taking my capabilities a step further, I have experience working with the popular React library, allowing to create robust, component-based user interfaces.

Passion for clean, efficient code extends to use of Sass/SCSS, which enables me to write modular, maintainable stylesheets that enhance the aesthetic and usability of projects.

To showcase my skills please check below my highlighted projects. More project you can find on my GitHub. For any additional information please check my Cv or reach my by that link.

Beyond just technical proficiency, also have a understanding of user experience and user interface design principles, ensuring that my work not only functions well, but also provides an intuitive and visually appealing experience for end-users. To showcase my skills please check below my highlighted projects.

html
css
react
javascript
sass
github

Projects

Time Tracking Dashboard

Tech used: HTML, JS, CSS - Sass

Description: The main challenge is to develop this dashboard and ensure it closely matches the provided design. To complete the challenge, users should be able to view the optimal layout based on their device's screen size, see hover effects for all interactive elements on the page, switch between viewing Daily, Weekly, and Monthly statistics. As I developed the application, I added a feature that allows users to swap the boxes, which improved the user experience. Through this process, I learned how to implement drag-and-drop functionality.

Code Live
dashboard website

Project Four card feature - section

Tech used: React, HTML, CSS

Description: Seeking a solution to the problem, I turned to the React library, which provided a quick and straightforward way to address it. I created a single reusable component in the Main section, then leveraged that component, assigning unique data to each instance. This exercise showcased React's power.

Code Live
four cards app website

IP Address Tracker App

Tech used: HTML, CSS, REACT, Vanilla JS, API

Description: Utilizing the React library, I developed an application that leveraged two external APIs. The IP Geolocation API enabled me to locate and identify website visitors, as well as determine the location for any IP address entered by the user. Additionally, the Leaflet API provided a straightforward solution for rendering interactive maps. However, during the development process, I encountered challenges with passing data between components. To resolve this, I had to learn techniques for facilitating communication between components and triggering a full app re-render when relevant parameters changed.

Code Live
ip tracker app

Scratchcard Application

Tech used: HTML, CSS, JS, React, Friebase

Description: This scratch card application stores information on winning cards in the UK. Users can input their selections, and the app provides predictions on their chances of winning based on the collected data. The application was developed using React and the Firebase cloud database platform, allowing for user data storage and a simple login process.

Code Live
CRUD

Project Name

Tech used: React, HTML, JS, CSS - Scss

Description: Project description

Code Live
questionmark

Contact

You can drop me a message