MaterialHub Hactoberfest

Tech -Materialbibliothek

Eine schöne einseitige Anwendung zum Sammeln und Teilen wertvoller technischer Lernressourcen! Teilen Sie Ihre bevorzugten technischen Materialien, Tutorials, Dokumentation und mehr mit der Community.

Zweck

Die Tech Materials Library dient als kollaborative Plattform, auf der Entwickler können:

• Teilen Sie wertvolle Lernressourcen
• ? Entdecken Sie neue Materialien
• ? ️ organisieren Inhalte mit Tags
• ? Tragen Sie zur Wissensbasis der Tech -Community bei

⚡ Merkmale

• Responsives Design für alle Geräte
• Echtzeit-Updates beim Hinzufügen neuer Materialien
• ? Suchfunktionalität
• "Tag-basierte Organisation
• ? Lokale Speicherung für Datenpersistenz
• ? ️ XSS -Schutz
• Saubere und intuitive UI

Technologien verwendet

• HTML5
• CSS3
• JavaScript (ES6+)
• Lokale Speicher -API
• Objektorientierte Programmierprinzipien

Erste Schritte

Voraussetzungen

• Ein moderner Webbrowser
• Sterne das Repo?
• Visual Studio -Code (empfohlen)
• Live -Servererweiterung für VS -Code (empfohlen)

? ‍Eitung das Projekt leitet

1. Klonen Sie das Repository:

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

Navigieren Sie zum Projektverzeichnis:

 cd tech-materials-library

Öffnen mit VS -Code:

code .

Installieren Sie die Live -Servererweiterung im VS -Code

Klicken Sie auf das Symbol für Erweiterungen in VS -Code -Suche nach "Live -Server" installieren Sie die Erweiterung von Ritwick Dey

Klicken Sie mit der rechten Maustaste auf Index.html und wählen Sie "mit Live-Server öffnen".

Die Anwendung sollte jetzt in Ihrem Standardbrowser ausgeführt werden! ? ? Wie man beiträgt, lieben wir Beiträge! So können Sie helfen:

1. Geben Sie das Repository?

Klicken Sie oben rechts in diesem Repository auf die Schaltfläche "Fork"

2. Deine Gabel klonen?

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

3. Einen Zweig erstellen?

git checkout -b your-name

4. Nehmen Sie Ihre Änderungen vor ✍️

Fügen Sie neue Funktionen hinzu
Fehler beheben
Dokumentation verbessern
Verbesserung des Stylings

5. Ihre Änderungen testen?

Stellen Sie sicher, dass Ihre Änderungen die vorhandene Funktionalität nicht brechen

Überprüfen Sie das Responsive -Design auf verschiedenen Bildschirmgrößen

6. Ihre Änderungen begehen?

git add .

git commit -m " Add awesome new feature "

7. Drücken Sie nach Github

git push origin your-name

8. Erstellen Sie eine Pull -Anfrage

Gehen Sie zu Ihrer Gabel auf GitHub Klicken Sie auf "Neue Pull -Anfrage". Wählen Sie Ihre Filiale aus, die die Pull -Anfrage mit einer klaren Beschreibung Ihrer Änderungen senden

Code -Stilrichtlinien

Verwenden Sie eine aussagekräftige Variable und Funktionsnamen Fügen Sie Kommentare für komplexe Logik hinzu. Folgen Sie konsistente Einklingel. Halten Sie die Funktionen klein und konzentriert

? Entwurfsrichtlinien

Behalten Sie das vorhandene Farbschema beibehalten UI -Elemente konsistent sicherstellen, dass reaktionsschnell Design befolgen

? Ausgewählte Mitwirkende

? Lizenz Dieses Projekt ist unter der MIT -Lizenz lizenziert - Einzelheiten finden Sie in der Lizenzdatei. Anerkennung

Vielen Dank an alle Mitwirkenden, die von der erstaunlichen Tech -Community inspiriert sind, die mit ❤️ für Entwickler von Entwicklern gebaut wurde

Hergestellt mit ❤️ von GDG auf dem Campus ICT-U

# MaterialHub-Hactoberfest