Aller au contenu
Younes Bessa / Atelier

Fig. 03 — Startup · Alternance

TonightPass

Billetterie pour la vie nocturne : l'application mobile, le site et le design system open source d'une startup.

Rôle
Développeur web en alternance
Période
2022 — 2023
L'écran Découverte de l'application TonightPass : soirées mises en avant et événements autour de soi.

En chiffres

commits sur 4 dépôts
375+
composants Kitchn
17
composants passés au système de scale
~26
d'alternance
1 an

§ 01

Le produit

TonightPass est une plateforme française de billetterie pour les soirées : on trouve les soirées autour de soi, on réserve son pass, on entre rapidement grâce à un billet QR code. Les organisateurs créent leurs événements, gèrent leur équipe et suivent leurs ventes.

TonightPass et Kitchn sont des projets d'onRuntime Studio, un collectif de développeurs, de designers et d'artistes entre Paris et Rouen, dont je suis aujourd'hui lead développeur.

C'était un travail d'équipe. Voici précisément ma part, d'après l'historique git.

§ 02

Application mobile (Expo)

  • Onboarding et tableau de bord organisateur.
  • Refonte de l'écran Découverte : en-tête, styles, événements à la une, liste des événements, barre de navigation.
  • Billets : billets à venir et passés, pass avec QR code.
  • Page événement, gestion de l'équipe (staff).
  • Tout le profil et les réglages : édition du profil, sécurité, moyens de paiement, compte, désactivation.

§ 03

Kitchn, le design system

Kitchn est la bibliothèque de composants open source (React et React Native) utilisée par tous les produits TonightPass.

  • 17 composants : Avatar, Badge, Checkbox, Collapse, Error, Fieldset, Footer, Image, Link, Note, Scroller, Select, Skeleton, Spacer, Tabs, Textarea, Toggle.
  • Un système de mise à l’échelle (scale) déployé sur environ 26 composants.
  • La documentation de nombreux composants, le guide Next.js et les règles de contribution.

§ 04

Site web

  • Reconstruction de la landing page, côté public et côté organisateurs.
  • Pages légales en MDX (confidentialité, conditions d’utilisation).

§ 05

Stack

  • Expo
  • React Native
  • Expo Router
  • TypeScript
  • styled-components
  • Next.js
  • MDX
  • Turborepo
  • Changesets
Documentation du composant Avatar sur le site de Kitchn.
Avatar, l'un des composants que j'ai écrits pour Kitchn
Page d'accueil de Kitchn : « delicious. modern. styled. »
Le site de Kitchn

Un produit à construire, une mission, ou simplement une question ? Écrivez-moi, je réponds vite.

Travaillons ensemble