Print-It

OpenClassrooms project context :
At the beginning of my freelance work as a front-end developer, I worked on the static website of Print it, a small family-owned print shop that wanted to make its homepage banner more dynamic. Based on the director’s instructions and a demonstration video, the goal was to turn a static slider into a smooth, interactive carousel.

The website already had an existing HTML/CSS foundation, but the carousel was not functional. The challenge was to add visual navigation with arrows, display position indicators, manage image and text updates, and fix navigation issues at the ends of the slider in order to create a continuous loop.

I analyzed the existing structure to reuse the components already in place, then developed the carousel logic in JavaScript.

More specifically, I:

• integrated left and right navigation arrows into the banner;
• set up event listeners to detect user clicks;
• dynamically generated bullet points based on the number of slides;
• handled updates to the active image, associated text, and selected bullet point;
• implemented circular navigation logic so the carousel could loop seamlessly from the first to the last slide.

The website now features a fully interactive carousel that is more visually engaging and more pleasant to browse. This project helped me strengthen my command of the DOM, JavaScript events, and dynamic navigation logic in a front-end interface.