LOGO
C:/Users/KAMIL_WOJCIAK/CV

Kamil Wójciak

Junior Frontend Developer

Skills

HTML
CSS & Sass
Tailwind CSS
JavaScript & TypeScript
React
Redux
Next.js
Styled Components
Jest
React Testing Library
Framer Motion
Firebase
GitHub
Git
Figma

Projects

You can find some of my projects in my repository on GitHub

Headless CMS - blog project

React and Next.js along with the headless CMS Contentful. The project leverages Next.js for server-side rendering on blog posts, enabling fast load times and better SEO optimization.

Used technologies:
HTML5
Javascript
TypeScript
React
Next.js
Contentful
Tailwind CSS
Framer Motion
Features/Description:
  • Responsive Design: The blog is fully responsive, ensuring an optimal viewing experience across all devices, from mobile phones to desktops.
  • SEO-Friendly: features like dynamic meta tags and optimized loading for better search engine visibility.
  • Content Management with Contentful: All blog content, including posts, images, and metadata, is dynamically fetched from the Contentful headless CMS.
  • Users can add comments to blog posts

Hover to see overview

dashboard_teaser

E-commerce Shop - Redux

This application is developed using Next.js and React, leveraging Redux for efficient state management. The development process is focused on atomic design principles. Data is fetched from a REST API to ensure dynamic and up-to-date content from dummyjson.com. Additionally, a few tests are implemented using Jest and React Testing Library.

Used technologies:
JavaScript
TypeScript
Tailwind CSS
React
Redux
Next.js
Framer Motion
Jest
Testing Library
Features/Description
  • Efficient state management using Redux.
  • Smooth animations with Framer Motion
  • Responsive design with TailwindCSS
  • Built with Atomic Design principles.
  • Next.js allowing for the creation of dynamic and nested routes with ease.
  • Users are able to:
    - Browse products dynamically fetched from a API
    - Add products to the cart.
    - Load products with infinite scroll
    - Sort products by categories
    - View specific product information & more...

Hover to see overview

twitter_teaser

My clone of Twitter

Fullstack project - React/NextJs/Firebase - This project is designed to understand the fundamental concepts of web development, database management, and front-end/backend integration.

Used technologies:
HTML5
CSS3
TypeScript
Firebase
React
Next.js
Features/Description
  • User Registration and Login: Users can create accounts and log in using their email and password.
  • Tweeting: Users can create edit and delete tweets.
  • Comments: Users can create and delete post comments.
  • Real-time Notifications: Integration with Firebase provides real-time notifications for new tweets and interactions.
  • Responsive Design: The application is fully responsive and optimized for different screen sizes.

Hover to see overview

twitter_teaser

Pokemons App

In this React app, I've worked with fetched data, managed state, React routes, and more.

Used technologies:
HTML5
Sass
TypeScript
React
RESTful APIRESTful API
Features/Description:
  • Pokemon Database: The app offers overview of hundreds of Pokemon, including their statistics, abilities, types, and many other aspects.
  • Pagination and pokemon search bar.
  • Favorites List: Users can add selected Pokemon to their favorites list, and the app will display a notification confirming the addition.
  • Responsive Design.
  • Pokemon Information Pages: The app also offers detailed information page.

Hover to see overview

pokemons_teaser

Landing Page with Figma, Tailwind & NextJs

The purpose of this project was to learn how to work with Figma and Tailwind CSS. I used free designed landing page from Figma. The application features a fully responsive design, ensuring that both the layout and images adapt seamlessly to different screen sizes and devices. I also incorporated additional animations to enhance the user experience

Used technologies:
HTML5
Tailwind CSS
JavaScript
React
Next.js
Figma
Features/Description:
  • Full responsiveness: allowing both the interface and images to adjust perfectly to any screen size.
  • Interactive tooltips: on essentials, pricing, questions sections.
  • Mobile/desktop navbar.
  • Contextual hints that open to guide users.
  • "Caruseal" with users comments on sm/desktop screen sizes.

Hover to see overview

figma_teaser

My portfolio

This portfolio leverages styled-components, a powerful library for React, allowing for seamless and maintainable CSS-in-JS styling.

Used technologies:
HTML5
Styled Components
TypeScript
React
Features/Description:
  • Self-Designed Interface: Every aspect of this portfolio’s design is crafted by me, reflecting my aesthetic vision and attention to detail.
  • Built with React, this portfolio demonstrates my ability to create dynamic and interactive user interfaces using one of the most popular JavaScript libraries.

About

Hello! Nice to have you here!

I am specializing in front-end development, working mostly with React. I am keen to join a team, where I can continue to grow and contribute to exciting projects. I am looking for a job in Szczecin or remote. I am a quick learner, aiming to understand business needs and to align my skills with them. I am always looking for ways to improve my skills, especially in problem-solving, which I believe is the best way to learn.

In my current/former job as a construction manager, I am responsible for finances, client communication, timely completion, quality of work and employee management. My desire to transition to a frontend developer role stems from my passion and interests.

Contact Me

Designed by Kamil © 2024