Personal / Web productFamily project2026

Atelier Cordage

Web application built for my father’s stringing workshop to centralize stringing jobs, payments, racquet returns and stock tracking.

Atelier Cordage workflow diagram connecting racquet intake, stringing, payment, return and stock updates.

Atelier Cordage workflow diagram connecting racquet intake, stringing, payment, return and stock updates.

Technologies

  • Next.js
  • React
  • Tailwind CSS
  • Responsive design
  • Light / dark theme

What I built

  • Customer, sport, tension and string registration
  • Stringing, payment and racquet-return tracking
  • String reference and stock management
  • Workshop activity and profit overview
  • Registration and sign-in flows
  • Responsive interface with light and dark themes

Context

I created Atelier Cordage for my father’s racquet-stringing activity. The application turns the workshop’s day-to-day tracking into a web-based workflow.

Problem

Each racquet moves through several steps — intake, stringing, payment and return — while consuming a specific string reference from stock. Those details need to remain readable in one place.

Implementation

The interface records the customer, sport, tension and string, then tracks stringing, payment and racquet return separately.

A dedicated overview completes the workflow with available stock, workshop activity and profit.

Technical architecture

The product is a Next.js and React web application. Its responsive interface includes registration and sign-in flows together with light and dark themes.

Product decisions

The workflow separates stringing, payment and return so the current state of each racquet can be understood at a glance.