Welcome to ProjectKaPKaPortfolio, my personal portfolio that showcases my skills and journey as a web developer. This project is a complete reflection of my design and development abilities, where every line of code and design decision is crafted by me.
Explore the live version of my portfolio at kamil-p-kaszuba.pl.
This portfolio leverages a range of modern web technologies, ensuring a high-quality user experience:
- TypeScript: Enhances JavaScript with static types, improving code quality and maintainability.
- SCSS (Sassy CSS): Allows for modular, reusable, and maintainable styles with features like variables, nesting, and mixins.
- HTML5: Provides the semantic structure of the site, ensuring accessibility and SEO-friendliness.
- ASP.NET Core: Powers the backend API for handling secure form submissions.
- JavaScript: Utilized for specific functionalities like image resizing and conversion to WEBP format.
- Bootstrap: Facilitates a responsive, mobile-first design with prebuilt components and grid systems.
- FontAwesome: Offers a wide array of icons for enhancing the visual appeal and usability of the site.
- WebP: A modern image format used for compressing images without losing quality, improving load times.
The contact form on the portfolio is connected to an API developed with ASP.NET Core, which securely processes and delivers messages. This ensures that communication with visitors is handled efficiently and securely.
The portfolio is designed with a focus on aesthetics, usability, and performance:
- Original Design: Every aspect of the portfolio, from layout and animations to illustrations, was designed and developed by me. This includes all custom SVGs, logos, and background animations. The design process was driven by a desire to create a unique and personalized experience that reflects my creative vision and technical skills.
- Fully Responsive Design: Ensures a seamless experience across all devices, from large desktops to small mobile screens.
- Smooth Animations and Transitions: Enhances user interaction, making the experience more engaging and intuitive.
- Consistent Visual Theme: A clean and minimalistic design with consistent use of colors, typography, and icons, providing a cohesive user interface.
- Custom Illustrations and Graphics: Each visual element is designed to match the overall theme and enhance the storytelling aspect of the portfolio.
Here's a breakdown of the project's structure:
src/: Contains the source files for development.assets/: All static assets like images, fonts, and icons.images/: Images used in the website, optimized for performance.fonts/: Custom fonts used in the design.logo/: Website logo used in the design.svgs/: Custom SVGs used in the design.
styles.scss: The main SCSS file that is used throughout the website.app/: Contains all website sections.sections/: Components that manage and render all background animations, logic, and content.helpers/: Utility classes that are reused across different components.about-me/: Section featuring animations and content about me.contact-me/: Section featuring animations and content for contacting me.home/: Section with the homepage animations and content.projects/: Section displaying my projects with animations and detailed content.
package.json: Lists dependencies and scripts for building and running the project.
Thank you for taking the time to explore my portfolio! I hope it provides a detailed look into my skills and the quality of my work. Feel free to reach out via the contact form on the site.