Projet réalisé dans le cadre de ma formation en développement web.
L’objectif de ce projet était de pratiquer et perfectionner les compétences front-end, principalement en HTML, CSS, SASS et JavaScript.
Garden est un projet pédagogique orienté intégration web et UX/UI.
Il permet de travailler sur la conception d’une interface moderne, structurée et responsive autour d’un univers visuel lié au jardin, aux plantes et à la nature.
Ce projet avait pour but :
- d’améliorer la maîtrise du HTML sémantique
- de structurer un projet avec SASS
- de travailler la conception d’une interface esthétique
- de pratiquer l’organisation CSS (architecture, réutilisabilité, lisibilité)
- d’ajouter une légère interactivité avec JavaScript
- Approfondir les bases front-end
- Structurer proprement un projet
- Travailler sur le responsive design
- Améliorer la qualité visuelle et l’ergonomie
- S’entraîner sur SASS (variables, mixins, partials)
- Mettre en place une petite interactivité avec JavaScript
- Interface graphique soignée
- Mise en page structurée et hiérarchisée
- Styles avancés via SASS
- Site responsive adapté aux différents écrans
- Quelques interactions JavaScript (selon besoins du projet)
| Technologie | Rôle |
|---|---|
| HTML5 | Structure des pages |
| CSS3 | Styles de base |
| SASS | Organisation et optimisation des styles |
| JavaScript Vanilla | Interactivité simple |
| Google Fonts | Typographie |
| FontAwesome (si utilisé) | Icônes |
Cloner le dépôt :
git clone https://github.com/Sonia-Devellia/NOM-DU-REPO-GARDEN.git