Martyna Skup - Portfolio

https://martynaskup.github.io

---

Portfolio Built with React: Showcasing Some of My Skills, Project Samples, and More

---

Technologies Used

• HTML5
• CSS3
• TypeScript
• React 18
• Ant Design v4 (antd React UI library)
• styled-components
• React-Router v6 (using BrowserRouter)
• Formik & Formik-antd
• Moment.js
• Yup for value validation schema in forms

---

About

I built my first portfolio using HTML, CSS, and JavaScript in 2019 while I was developing my Front-end skills before starting my first job as a Front-end developer in December 2019. Since then, my skills have evolved, and I wanted to showcase them more effectively. The portfolio I had was no longer sufficient, and I couldn't display the code I created for the companies I worked for, as it was not open source, and the companies do not permit sharing their proprietary code. Therefore, I decided to create a new portfolio to demonstrate at least a part of my skills.

For this portfolio website, I utilized React 18 and Typescript along with antd components. Some of the antd components were customized using styled-components to match the UI design and ensure responsiveness on both small and large screens. The forms used in the Budget app, which is part of this portfolio project, were developed with Formik and Formik-antd to seamlessly integrate with the antd components. Form fields were validated using a Yup schema, and Moment.js was employed for handling date-related components. The navigation between pages was implemented using React-Router v6.

This portfolio website not only showcases some of my skills and projects but also provides general information about me, including who I am and why I am passionate about being a React/Front-end developer."

How to view or run the project

• To view the project, visit https://martynaskup.github.io
• To run the project locally in the development mode, clone the repository and run npm start.
  Then open http://localhost:3000 in your browser to view it.