mirror of https://github.com/arthur-pbty/clock.git synced 2026-06-03 15:07:20 +02:00

Files

T

Puechberty Arthur c061960e57 feat: add ClockApp and SettingsPanel components with customizable settings

- Implemented ClockApp component to display time based on user settings.
- Created SettingsPanel for users to adjust clock type, time format, timezone, and theme.
- Added hooks for managing time, settings persistence, and fullscreen functionality.
- Introduced types for clock settings and themes, including default settings.
- Integrated URL parameter parsing for sharing clock configurations.
- Enhanced user experience with loading states and visual transitions.

2026-03-30 20:27:33 +02:00

1.4 KiB

Raw Blame History

Clock - Horloge En Ligne

Application d'horloge en ligne (Next.js + TypeScript) avec affichage plein ecran, modes digital/analogique/flip, fuseaux horaires et themes.

Projet en ligne

Lien public: https://clock.arthurp.fr

Ce lien est volontairement present dans ce README pour renforcer le backlink vers le projet en production.

Fonctionnalites

Horloge en temps reel (rafraichissement fin)
Modes: digital, analog, flip
Format horaire: 12h / 24h
Affichage optionnel des secondes
Selection de fuseau horaire (liste IANA)
Themes visuels
Parametres persistants dans le navigateur
URL partageable avec les parametres

SEO

robots.ts et sitemap.ts configures
Pages loading, error, not-found
Balises et structure optimisees pour l'indexation

Parametres URL

Parametre	Valeurs	Description
`tz`	ex: `Europe/Paris`	Fuseau horaire
`type`	`digital`, `analog`, `flip`	Type d'horloge
`format`	`12h`, `24h`	Format horaire
`seconds`	`true`, `false`	Afficher les secondes
`theme`	id du theme	Theme visuel

Exemple:

https://clock.arthurp.fr?tz=Europe/Paris&type=analog&format=24h&seconds=true&theme=midnight

Lancer le projet

Prerequis:

Node.js 18+
npm

Installation et dev:

npm install
npm run dev

Build production:

npm run build
npm start

Stack

Next.js
React
TypeScript
Tailwind CSS

Licence

MIT

1.4 KiB Raw Blame History