Projet de formation
Tangram Interactif
Application web de puzzle géométrique
JavaScriptCSS3HTML5SVG
2024
3 développeurs
Le projet en détail
Application web interactive permettant de visualiser et animer différentes figures de tangram. Le projet propose 10 modèles distincts avec des transitions animées fluides entre chaque configuration géométrique. L'architecture modulaire CSS permet une maintenance optimale avec un fichier dédié par figure. L'interface inclut un mode sombre adaptatif, un système d'indices audio pour l'accessibilité, et des animations CSS3 performantes utilisant les transformations GPU pour garantir 60 FPS.
Aperçu du projet
Agrandir
1 / 3
Agrandir
2 / 3
Agrandir
3 / 3
Défis relevés
- ▸Architecture CSS modulaire pour 10 configurations distinctes
- ▸Optimisation des performances des animations complexes
- ▸Gestion collaborative du code avec Git en équipe
- ▸Implémentation d'un système audio responsive
Compétences acquises
- ▸Maîtrise avancée des transformations CSS3
- ▸Architecture modulaire et maintenable
- ▸Workflow Git collaboratif efficace
- ▸Optimisation des performances front-end
Stack technique complète
▸ Langages
HTML5
CSS3 (transformations avancées)
JavaScript ES6
▸ Outils & Services
SVG
Git
GitHub Pages
Déploiement
GitHub Pages