Skip to content

amadeuszblanik/blanik.me

Repository files navigation

Blanik.me INDEV

Welcome to the source code repository for my personal webpage, blanik.me! My name is Amadeusz Blanik, and this site serves as a portfolio.

About The Project

This project is built using Next.js 14, a powerful React framework that enables functionality such as server-side rendering and generating static websites. The website is styled using a combination of styled-components and CSS, offering a flexible way to style components while leveraging CSS variables for theming. This approach allows for a more dynamic and customizable styling system without relying on the ThemeProvider from styled-components.

In addition to the core technologies, the site features smooth and modern animations implemented with react-spring. react-spring is a spring-physics based animation library that allows for creating natural motion effects in React applications, enhancing user experience and interactivity.

TODOs

  • Remove CSS variables: I experimented with CSS variables mixed with styled-components theme, and it's not a good solution.
  • Clean code: This is still version 8.0.0-INDEV. So time-to-deploy is more important than clean code.
  • Tests: I'll write some someday. Probably.
  • Make it a single page: I'll think about transforming it into a single page with a parallax effect.
  • Redesign experience section once more: This is still not as good as it should be.
  • Add search to abilities section
  • Add filters to abilities section
  • Redesign star-rating component
  • Redesign header component
  • Rethink container and main page
  • Add accessibility
  • Check the errors in the console: It's not important at this stage. I'll probably make a lot of changes in the following updates.

Why Next.js, styled-components, and react-spring?

  • Next.js 14: Offers out-of-the-box features like hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more, which are crucial for building modern web applications.
  • styled-components: Provides a way to write actual CSS code to style your components. It also removes the mapping between components and styles, making it easier to track which styles are applied to which components.
  • react-spring: A powerful library for creating fluid, natural animations that add life and interactivity to web applications. It leverages spring physics for smooth and natural motion effects.

Deployment

The site is deployed on Vercel, chosen for its seamless integration with Next.js projects and its ease of use for deploying web applications.

Contributing

While I truly appreciate your interest in contributing to the project, I am currently not accepting pull requests. This project is a personal portfolio and as such, I prefer to maintain it myself.

Feedback

If you have any feedback or suggestions, feel free to open an issue on the repository. I'm always looking to improve and appreciate any insights you might have.

License

This project is open source and available under the Creative Commons Attribution-NonCommercial 4.0 International License.

This license allows for non-commercial use, sharing, and adaptation with attribution. It does not permit commercial use of the work or any derivatives.

Contact

Amadeusz Blanik - Feel free to contact me through GitHub, LinkedIn or visit my personal webpage for more information about my work and projects.

Thank you for visiting my project!