mirror of
https://github.com/arthur-pbty/clock.git
synced 2026-06-03 15:07:20 +02:00
Puechberty Arthur
c061960e57
- 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.
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.tsetsitemap.tsconfigures- 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