Développement Expérimental Terminé Exercices

Mini-applications JavaScript & React – Projets d’apprentissage

Collection de petites applications web réalisées pour apprendre JavaScript et React : jeux, quiz interactif et outil de conversion.

Bannière des différentes applications — Les différentes applications que j'ai pu créer lors de mon apprentissage du développement.

Contexte

Ces applications ont été réalisées dans le cadre d’exercices pratiques d’apprentissage du développement front-end. L’objectif était de comprendre la logique de programmation côté navigateur, la gestion des interactions utilisateur et les bases de React (composants, state, props, mise à jour d’interface).

Mon rôle

Développeur front-end

Technologies utilisées

HTML CSS JavaScript React

Description

Cette collection regroupe plusieurs mini-applications web réalisées dans un objectif d’apprentissage du développement front-end. Ces projets mettent en pratique la logique JavaScript, la manipulation du DOM, ainsi que la gestion d’état avec React.

Jeu Pierre-Papier-Ciseaux (Jankenpon)

Application interactive où l’utilisateur affronte l’ordinateur dans un jeu de Pierre-Papier-Ciseaux. Le programme génère un choix aléatoire, compare les résultats et affiche dynamiquement l’issue de chaque manche.

Technologies : JavaScript, HTML, CSS

Voir la démo

Quiz interactif chronométré

Quiz dynamique développé avec React comprenant trois questions. Chaque question dispose d’un chronomètre de 30 secondes. L’application gère la progression automatique, le score et les réponses non données dans le temps imparti.

Technologie : React

Voir la démo

Convertisseur de température

Outil permettant de convertir une température en degrés Celsius vers Fahrenheit, Kelvin et Newton. Les résultats s’affichent instantanément, illustrant la gestion des entrées utilisateur et des calculs dynamiques en JavaScript.

Technologies : JavaScript, HTML, CSS

Voir la démo

Jeu de morpion (Tic-Tac-Toe)

Jeu de morpion développé avec React incluant un historique des coups et la possibilité de revenir en arrière pour rejouer une partie depuis un état précédent. Ce projet met en avant la gestion d’état et la mise à jour dynamique de l’interface.

Technologie : React

Voir la démo

Magic Eight Ball

Application interactive qui simule une boule magique. L'utilisateur pose une question et la boule magique répond aléatoirement par une des réponses prédéfinies.

Technologie : HTML, CSS, JavaScript

Voir la démo