This was my first collaborative project where I worked closely with a team to develop a fully functional web application. Utilizing HTML, CSS, and JavaScript, we built the Dream Generator, enhancing our teamwork, problem-solving skills, and technical expertise in web development. This project is a testament to our ability to merge creative ideas with technical skills

This is our second official collaborative project designed to showcase our new gained knowledge. This web app uses AI to provide personalized recipes based on taste preferences. Built with React for its component-based architecture and Redux for efficient state management and API handling, this project exemplifies modern web development practices.

This is a fun and engaging single-page application showcasing tailor-selected animals. Developed through live pair-programming. This project leverages React to deliver a seamless user experience. Users can search for specific animals using an input field and reveal additional animals with a show more button, displaying up to the full list. Key features include a dynamic counter, JSON data manipulation, and reusable React components.

This is a collaborative group project, aiming to create a dynamic platform for publishing fictional news. Utilizing a tech stack comprising Express, PostgreSQL, React, JavaScript, and CSS. Our team focused on robust backend functionality alongside responsive frontend development.Backend: Established database schemas, developed APIs for user and article management, and ensured secure authentication practices. We were integrating ready frontend with the backend to handle data efficiently and display it interactively.

This project showcases skills in React and Router, serving as a playground to learn hooks and props. It features a component that dynamically renders a list of cards based on data, with each Card component receiving and logging data through props. The travel subpage presents cards with next and previous buttons, using useState to manage the current slide index. Redux is implemented to store state for travel-related goals. The counterSlice defines state variables and provides reducers like increment and decrement. useSelector accesses state values, while useDispatch modifies them, and selectTotalCount computes total travel goals, ensuring a seamless user experience.

The Wilkowyja Agrotourism website is a fully responsive platform designed to showcase the beauty and services of a countryside retreat. The site features a captivating homepage, an extensive photo gallery, and detailed information about local attractions. It also includes a user-friendly reservation form and comprehensive payment information, ensuring seamless booking experiences. This project, aimed at enhancing my web development skills, emphasizes modern design and functionality to attract direct bookings, bypassing third-party commissions. Explore the Wilkowyja website to see how thoughtful design and efficient coding can elevate a real-world business.

This is a web-based calendar application built using React and DevExtreme React Scheduler. It allows users to manage events, appointments, and schedules efficiently. The app supports creating, updating, and deleting events with a modern and user-friendly interface. It also includes Firebase integration for real-time data storage and retrieval, ensuring that events are synced across devices. The application is localized to support the Polish language, providing a seamless experience for Polish-speaking users.

This project, Countries API, demonstrates my ability to create a RESTful API. It provides detailed information about various countries, including names, capitals, and interesting facts. Designed to be user-friendly, the API includes endpoints for fetching all countries, retrieving details by ID, and managing country data with creation, updates, and deletions. Validation ensures data integrity. It has been tested with Postman sofrware

This project, Countries API and Form, demonstrates my skills in creating and presenting a RESTful API. The API provides access to information about various countries. It features endpoints for fetching all countries and adding new ones with validation to ensure data integrity. The API is user-friendly and straightforward, with a form interface for easy interaction. This project showcases my ability to develop APIs and create intuitive user interfaces.

This project involved designing and implementing a relational database for a blog site and an e-commerce store. For the blog, I created tables for authors, blog posts, and tags, managing one-to-many and many-to-many relationships. I learned to define primary keys, foreign keys, and constraints, and wrote SQL queries to retrieve and manipulate data. For the e-commerce store, I designed tables for sellers and products, handling similar relational structures. This project enhanced my skills in database design, SQL query writing, and understanding complex data relationships and constraints.

This project demonstrates my ability to work with JavaScript and API integration to dynamically fetch and display user data. The core functionality involves fetching random user data from the Random User API and presenting it in a structured format on a webpage. Efficiently manipulates the DOM to display user information within a designated container (#user-container).I implemented error handling to manage and log any issues that arise during the data fetching process

This is a practical exercise from Codecademy, designed to enhance my skills in CSS Grid. It involves creating a visually appealing and responsive photo gallery using CSS Grid, which allows for complex layouts with minimal code. Responsive design Ensures that the photo gallery adjusts seamlessly across various screen sizes, providing a consistent user experience on both desktop and mobile devices.