atelier-invaders

Challenge en pair-programming d'entraînement pour réaliser une application Web en JavaScript

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

34/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

Project information10% weight

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

Pixel Art Board – Ardoise Interactive

Un projet d’application web pour créer des dessins pixel art, inspiré de l’univers rétro de Space Invaders.

📌 Présentation du Projet

Pixel Art Board est une application web interactive permettant aux utilisateurs de créer des dessins pixel art en temps réel. Le projet a été développé en pair-programming lors d’un atelier pédagogique dans le cadre de ma formation de Concepteur Développeur d'Applications chez O'Clock, avec pour objectif principal de manipuler dynamiquement le DOM, gérer les événements utilisateur et appliquer des styles CSS avancés.

Comment j'ai procédé

En parallèle de ma formation je rédige un Blog afin de partager comment se déroule ma reconversion professionnelle en tant que développeur.

J'y ai partagé toute la réalisation de ce projet. Le projet est consultable ici 👉 Blog Atelier Invaders Pair-programming.

Objectifs Pédagogiques

Maîtriser la manipulation du DOM avec JavaScript.
Créer une interface utilisateur dynamique (formulaire, grille interactive, palette de couleurs).
Travailler en équipe (pair-programming) et résoudre des problèmes techniques de manière collaborative.

🛠 Technologies Utilisées

Technologie	Rôle
HTML5	Structure de la page (formulaire, grille, palette de couleurs).
CSS3	Stylisation des éléments (grille, pixels, palette, animations).
JavaScript	Logique de génération de la grille, gestion des événements (clics, formulaire), manipulation des classes CSS.
Git/GitHub	Versioning et collaboration.

🎯 Fonctionnalités Clés

Génération dynamique d’une grille de pixels (taille personnalisable).
Formulaire interactif pour configurer la taille de la grille et des pixels.
Palette de couleurs pour personnaliser les pixels (sélection unique, application en temps réel).
Expérience utilisateur fluide : clics pour changer la couleur des pixels, feedback visuel.

🔧 Améliorations Possibles

Sauvegarde et chargement de dessins :
- Ajouter un système de sauvegarde locale (localStorage) pour enregistrer et recharger les créations.
Responsive Design :
- Adapter l’interface pour les écrans mobiles (grille et palette redimensionnables).
Export des créations :
- Permettre l’export des dessins au format image (PNG).
Thèmes personnalisables :
- Proposer plusieurs palettes de couleurs prédéfinies (rétro, moderne, etc.).