MaterialHub Hactoberfest

Bibliothèque de matériaux technologiques

Une belle application d'une seule page pour collecter et partager de précieuses ressources d'apprentissage technologique! Partagez vos matériaux technologiques, tutoriels, documents préférés et plus encore avec la communauté.

But

La bibliothèque Tech Materials sert de plate-forme collaborative où les développeurs peuvent:

• Partagez des ressources d'apprentissage précieuses
• ? Découvrez de nouveaux matériaux
• ? ️ organiser le contenu avec des balises
• ? Contribuer à la base de connaissances de la communauté technologique

⚡ fonctionnalités

• Conception réactive pour tous les appareils
• Mises à jour en temps réel lors de l'ajout de nouveaux matériaux
• ? Fonctionnalité de recherche
• «Organisation basée sur les balises
• ? Stockage local pour la persistance des données
• «Protection XSS
• UI propre et intuitive

Technologies utilisées

• Html5
• CSS3
• Javascript (es6 +)
• API de stockage locale
• Principes de programmation orientées objet

Commencer

Condition préalable

• Un navigateur Web moderne
• Strer le repo?
• Code Visual Studio (recommandé)
• Extension de serveur en direct pour le code vs (recommandé)

? ‍️ exécutant le projet

1. Clone le référentiel:

git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git

Accédez au répertoire du projet:

 cd tech-materials-library

Ouvert avec le code vs:

code .

Installez l'extension du serveur en direct dans le code vs

Cliquez sur l'icône d'extensions dans VS Code Rechercher "Live Server" Installez l'extension par Ritwick Dey

Cliquez avec le bouton droit sur index.html et sélectionnez "Ouvrir avec le serveur en direct"

L'application devrait maintenant être exécutée dans votre navigateur par défaut! ? ? Comment contribuer, nous aimons les contributions! Voici comment vous pouvez aider:

1. Fourk le référentiel?

Cliquez sur le bouton "Fork" en haut à droite de ce référentiel

2. Clone votre fourche?

git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git

3. Créer une branche?

git checkout -b your-name

4. Faites vos modifications ✍️

Ajouter de nouvelles fonctionnalités
Correction de bogues
Améliorer la documentation
Améliorer le style

5. Tester vos modifications?

Assurez-vous que vos modifications ne rompent pas les fonctionnalités existantes

Vérifiez la conception réactive sur différentes tailles d'écran

6. Engager vos modifications?

git add .

git commit -m " Add awesome new feature "

7. Push to github

git push origin your-name

8. Créer une demande de traction

Accédez à votre fourche sur GitHub Cliquez sur "Nouvelle demande de traction" Sélectionnez votre branche Soumettez la demande de traction avec une description claire de vos modifications

Directives de style de code

Utiliser des variables significatives et les noms de fonction Ajouter des commentaires pour une logique complexe Suivre une indentation cohérente Keep Functions Petite et Focus

? Lignes directrices de conception

Maintenir la palette de couleurs existante Garder les éléments d'interface utilisateur cohérents assurer la conception réactive Suivez l'accessibilité les meilleures pratiques

? Contributeurs en vedette

? Licence Ce projet est autorisé en vertu de la licence MIT - voir le fichier de licence pour plus de détails. Remerciements

Merci à tous les contributeurs inspirés de l'incroyable communauté technologique construite avec ❤️ pour les développeurs par les développeurs

Fabriqué avec ❤️ par GDG sur le campus ICT-U

# MaterialHub-Hactoberfest