README.md

🔐 Composants d'Authentification

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Ce projet présente une collection de composants React d’authentification modernes, conçus pour être facilement intégrés dans tout projet web.

Chaque variation auth1 à auth6 propose un design distinct, combinant :

• Formulaires stylisés pour la connexion et l’inscription
• Architecture modulaire et facilement réutilisable
• Responsive design pensé mobile & desktop

Le but est de fournir une base UI propre, personnalisable, pour tout projet nécessitant une interface d’authentification.

🛠️ Technologies

• React 18 + Vite
• CSS natif modulaire (1 fichier par composant)
• Hooks React : useState, useEffect
• Convention BEM : authX__element
• Aucun framework UI externe : 100% custom
• Déploiement sur Vercel

🎯 Fonctionnalités

• Interface Login / Signup fluide intégrée
• Champs contrôlés avec placeholder flottant
• Affichage / Masquage du mot de passe
• Structure modulaire par dossier : facile à copier / intégrer
• Comportement responsive adapté aux petits écrans
• Parfait pour : landing pages, dashboards, SaaS, MVP, etc.

🚀 Installation

✅ Prérequis

• Git  —  Système de gestion de versions
• Node.js  —  Exécuteur local de scripts JavaScript
• npm  —  Gestionnaire de paquets JavaScript
• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/components-authentication_ui
cd components-authentication_ui

▶️ Lancer le projet

Frontend

npm install
npm run dev

Frontend disponible sur : http://localhost:5173