Générateur d'image en ASCII art

📦 Description

Ce projet est une application web qui permet de convertir une image en ASCII art. L'utilisateur peut upload une image, ajuster divers paramètres (densité, taille de police, couleurs, etc.) et exporter l'image convertie.

🎛️ Fonctionnalités

• Téléchargement d'image : Supporte le drag & drop et la sélection via un input.
• Conversion en ASCII : Utilisation de différents jeux de caractères pour générer l'ASCII art.
• Personnalisation :
  • Choix du motif ASCII (lettres, chiffres, symboles, etc.).
  • Ajustement de la densité et de la taille de police.
  • Gestion des couleurs de fond et de texte.
• Exportation : Possibilité de sauvegarder l'image ASCII générée au format PNG.

Structure du projet

📦 Projet
├── 📂 node_modules      # Dépendances Node.js
├── 📂 public
│   ├── 📂 fonts         
├── 📂 src
│   ├── 📂 assets
│   │   ├── fontPercentage.js
│   │   ├── fontSizes.js
│   │   ├── react.svg
│   ├── 📂 components
│   │   ├── menuDeroulant.jsx  # Menu déroulant pour choisir le type d'ASCII
│   │   ├── slider.jsx         # Composant de contrôle de densité et taille de police
│   │   ├── textInput.jsx      # Champ texte pour entrée personnalisée
│   │   ├── toggleButton.jsx   # Gestion des couleurs
│   ├── 📂 data
│   ├── App.jsx                # Composant principal de l'application
│   ├── index.css           
│   ├── main.jsx               # Point d'entrée React
├── .gitignore                 # Fichiers ignorés par Git
├── eslint.config.js           # Configuration ESLint
├── index.html                 # Page principale
├── package.json               # Dépendances et scripts
├── package-lock.json          # Verrouillage des dépendances
├── README.md                  # Documentation du projet
├── vite.config.js             # Configuration Vite

🛋️ Installation

1. Cloner le projet :

   git clone https://github.com/solene-drnx/AsciiArtGenerator-Public.git
   cd AsciiArtGenerator-Public

2. Installer les dépendances :

   npm install

3. Démarrer le serveur :

   npm run dev

   L'application sera accessible à http://localhost:5173 (par défaut avec Vite).

🐢 Technologies utilisées

• React.js : Framework JavaScript pour la construction de l'interface utilisateur.
• Vite : Outil de build rapide pour les projets React.
• Tailwind CSS : Framework CSS pour le stylage.

🥐 Mot de la fin

Merci au chat pour le README des bisous Solène 😎