# David Calonne

> David Calonne, front-end developer in Lille, France, focused on accessibility: websites and web and mobile apps built with React, Next.js and React Native.

A 26-year-old front-end developer based in Lille, France, who cares about modern, fast and intuitive interfaces.

Accessibility is at the heart of my work: I design and build interfaces that meet WCAG, usable with a keyboard as well as a screen reader.

On the side, I build my own apps: Focus Widget, MySubis and Workomp, live on the App Store, and Trackeese, a habit tracker.

AI is part of how I work: Claude Code every day, custom skills and agents, and MCP servers that connect AI to my tools.

I enjoy technical challenges and getting better with every project.

## Contact

- Email: contact@davidcalonne.fr
- LinkedIn: https://www.linkedin.com/in/dcalonne/
- GitHub: https://github.com/devDavidjs

## Everyday tools

- Front-end: HTML, CSS, JavaScript, TypeScript, React, Next.js, React Native, Expo, SwiftUI, WidgetKit, Ionic, Tailwind CSS, Liquid
- Accessibility: WCAG 2.2, RGAA 4.1, WAI-ARIA, Keyboard navigation, Screen readers, axe, Lighthouse
- Back-end: Node.js, Fastify, PostgreSQL, Python, PHP, Laravel, Java, Supabase, Prisma, WordPress
- Tools: GitHub, Figma, Suite Adobe
- AI: Claude Code, Skills & agents Claude, MCP, API Claude

## Work

### Focus Widget

Countdowns, habits and counters as iOS widgets, on the home screen and lock screen.

- Status: shipped (2026)
- Role: Concept, design and development
- Stack: React Native, Expo, TypeScript, SwiftUI, WidgetKit, RevenueCat
- App Store: https://apps.apple.com/app/id6807059912
- Page: https://davidcalonne.fr/en/projects/focus-widget

### MySubis

Track your subscriptions and monthly budget, with a reminder before every payment.

- Status: shipped (2026)
- Role: Concept, design and development
- Stack: React Native, Expo, TypeScript, Supabase, RevenueCat
- App Store: https://apps.apple.com/app/id6780065688
- Website: https://www.mysubis.app
- Page: https://davidcalonne.fr/en/projects/mysubis

### Trackeese

A local-first habit tracker. No account, no cloud, no subscription.

- Status: shipped (2026)
- Role: Full-stack development
- Stack: Next.js, TypeScript, Prisma, SQLite
- Source code: https://github.com/devDavidjs/trackeese
- Page: https://davidcalonne.fr/en/projects/trackeese

### Workomp

An iOS workout motivation app, with a mascot that grows with every session you keep.

- Status: shipped (2026)
- Role: Concept, design and development
- Stack: React Native, Expo, TypeScript, Fastify, Prisma, PostgreSQL, SwiftUI
- App Store: https://apps.apple.com/app/workomp-compagnon-sportif/id6812890258
- Website: https://workomp.app
- Page: https://davidcalonne.fr/en/projects/workomp

### Dionysos

The landing page for an agency specialised in wine, champagne and spirits.

- Status: shipped
- Role: Front-end integration
- Stack: HTML, CSS, JavaScript, Figma
- Website: https://agencedionysos.fr/
- Page: https://davidcalonne.fr/en/projects/dionysos

### Planète Foot

A football blog on WordPress, with a custom theme and plugins.

- Status: shipped
- Role: Development and project management
- Stack: WordPress, PHP, HTML, CSS
- Website: https://laplanetefoot.com/
- Page: https://davidcalonne.fr/en/projects/planete-foot

### BetPlan

Build a sports betting plan, export it to Excel and track your bankroll.

- Status: shipped (2025)
- Role: Development
- Stack: HTML, CSS, JavaScript
- Website: https://devdavidjs.github.io/betplan/
- Source code: https://github.com/devDavidjs/betplan
- Page: https://davidcalonne.fr/en/projects/betplan

### SKN Prono

A local interface that summarises basketball stats from an API.

- Status: shipped
- Role: Design and development
- Stack: Python, JavaScript, HTML, CSS
- Page: https://davidcalonne.fr/en/projects/skn-prono

### SD Collab'

The final-year project of my web design training, from concept to delivery.

- Status: shipped
- Role: Web design and integration
- Stack: HTML, CSS, JavaScript
- Page: https://davidcalonne.fr/en/projects/sd-collab

## Background

- **Since Aug 2024** · Front-end developer · Lille, France. Building and integrating websites and interfaces in HTML, CSS, JavaScript and React.
- **Training** · Web design · Web design training. Designing websites from mockup to integration. Final-year project delivered for a real client.
- **Ongoing** · Self-taught · Personal projects. React, Next.js, React Native and TypeScript, learned by building my own products.