🎨 Frontend Starter Kit

Frontend Starter Kit

Bienvenue dans votre Starter Kit Frontend! 🚀 Ce kit est conçu pour vous aider à démarrer rapidement avec un environnement de développement moderne utilisant Sass et Parcel. Parfait pour les développeurs frontend qui souhaitent une configuration rapide avec une compilation automatique SCSS et un hot-reloading. 🔥

⚙️ Prérequis

Avant de commencer, assurez-vous d'avoir installé les éléments suivants sur votre machine :

• Node.js 🟢

📦 Installation

Clonez ce dépôt sur votre machine locale et installez les dépendances à l'aide de npm :

git clone https://github.com/merlincod/starterkit.git
cd nom-du-repo
npm install

🚀 Utilisation

Développement local

Lancez un serveur de développement avec rechargement à chaud pour une expérience de développement fluide. Votre navigateur s'ouvrira automatiquement. 🖥️

npm start

Production

Prêt à déployer ? Compilez vos fichiers pour la production avec une seule commande. Les fichiers seront minifiés et optimisés. ⚡

npm run build

🗂️ Structure du projet

Voici un aperçu de la structure du projet pour vous aider à naviguer rapidement :

/votre-projet ├── src │ ├── styles │ │ └── main.scss # Votre fichier SCSS principal ✨ │ └── index.html # Votre fichier HTML principal 🗒️ ├── package.json # Configuration du projet 📦 └── .gitignore # Fichiers à ignorer par Git 🙈

• src/: Contient tous vos fichiers source.
• styles/: Dossier pour vos styles SCSS.
• index.html: Le point d'entrée de votre projet.

📖 Guide de l'utilisateur

• Modifier les styles : Ajoutez vos styles SCSS dans src/styles/main.scss.
• HTML : Modifiez src/index.html pour ajuster la structure de votre page.
• Développement : Utilisez npm start pour démarrer le développement local.
• Build : Utilisez npm run build pour préparer le projet pour la production.

✨ Créé avec passion par Merlin's Code