b
articleImage2
Owner of the website.
Bartosz Stpiczyński28 May 2024

Working on a team - LOPI project.

I took part in LOPI project. As part of this project, I was involved in creating and developing a contentmanagement system (CMS) tailored for the e-commerce sector. My role was focused on frontend work, implementing new features, and maintaining existing components of the system. One of the challenges in this project was effectively maintaining three main modules: the store, the admin panel and the library for common code. On top of that was NX which was responsible for managing this monorepo. I collaborated with a team working within the SCRUM methodology, including a graphic designer responsible for delivering views through the Figma application. I actively participated in weekly team meetings, allowing me to have a tangible impact on the application's development. Used tools/frameworks: ReactJS (18), NextJS (13), React Bootstrap, Jasmine, React Testing Library, Formik, YUP, Git, Swagger, JIRA, NX. During the course of this project, I had the opportunity to gain essential knowledge of GIT tools. I learned and implemented good practices for styling components using the React Bootstrap tool and its SCSS files. Moreover, the project significantly contributed to expanding my expertise in the NEXT JS framework.

My Favourites

Slider with animation

Shadcn/UI Accordion component

This slider is first good looking animation I have made. On click it brings clicked card to the front.

Context Memu

Shadcn/UI Accordion component

I've created a context menu.

If you are interested in seeing, an actuall website with this functionalities go to this page.

Summary

This project was really cool experience because it made me understand how working as dev actually looks like. Not only I've leared how to write cleaner code, but also how day to day routine would look like.

I have learned...

  • How to use .gitignore,

  • How bootstrap works,

  • Why I like tailwind over CSS modules,

  • How to resolve conflicts,

  • How to work with version control.

  • What is monorepo.

  • How to use postman.

  • What is WebAPI.

...and how much I don't know aboat Next.js.

It took a lot of effort to deliver on time and to understand everything I was dealing with, but it was totally worth it.

Farewell comrade.