Drum_Machine

Drum_Machine

? Inhaltsverzeichnis

• ? Inhaltsverzeichnis
• Drum_Machine
  • ? Gebaut mit
    • Tech-Stack
    • Hauptmerkmale
  • Live-Demo
  • Erste Schritte
    • Projektstruktur
    • Aufstellen
    • Installieren
    • Verwendung
    • Führen Sie Tests durch
  • Autoren
  • ? Zukünftige Funktionen
  • ? Mitwirken
  • ️ Zeigen Sie Ihre Unterstützung
  • Danksagungen
  • Lizenz

Drum_Machine

Die Drum Machine App ist eine interaktive Anwendung, die eine Drum Machine simuliert. Diese Anwendung verfügt über eine intuitive und benutzerfreundliche Benutzeroberfläche und ermöglicht es Benutzern, verschiedene Percussion-Sounds über Bildschirmtasten oder über ihre Computertastatur zu spielen.

? Gebaut mit

Tech-Stack

React-Redux

• Dieses Projekt verwendet React

HTML

• Dieses Projekt verwendet HTML.

CSS

• Das CSS wird verwendet, um das Design auf der gesamten Seite bereitzustellen.

Linters

• Die Linters sind Werkzeuge, die uns helfen, die Fehler im Code zu überprüfen und zu beheben
Dieses Projekt umfasst zwei Linters:
• CSS
• JavaScript

Hauptmerkmale

• SPA
• CRA
• Stile
• Toolkit
• React-Redux
• Einsatz

(zurück nach oben)

Live-Demo

Eine Demo können Sie hier sehen.

(zurück nach oben)

Erste Schritte

Führen Sie die folgenden Schritte aus, um eine lokale Kopie zum Laufen zu bringen. Für dieses Projekt müssen Node.js und npm auf Ihrem Computer installiert sein.

-Node.js -npm

-Klonen Sie dieses Repository auf Ihren lokalen Computer mit:

Git-Klon https://github.com/ClaudiaRojasSoto/Drum_Machine.git

-Navigieren Sie zum Projektordner:

cd math_magicians

-Installieren Sie die Projektabhängigkeiten:

npm installieren

Führen Sie den folgenden Befehl aus, um den Entwicklungsserver zu starten:

npm-Start

Projektstruktur

Das Projekt folgt der folgenden Ordner- und Dateistruktur:

• /src : Enthält die Quelldateien der Anwendung.
• /src/index.js : Haupteinstiegspunkt der JavaScript-Anwendung.
• /src/App.js : Komponente der obersten Ebene der Anwendung, in der Komponenten gerendert werden.
• /src/components : Verzeichnis für React-Komponenten.
• /src/components/Display.js : Komponente für die Anzeige
• /src/components/DrumMachine.js : Ordner für die DrumMachine.
• /src/components/DrumPad.js : Ordner für das Drumpad.
• /src/redux : Verzeichnis für die Redux-Verwaltung.
• /src/redux/store.js : Redux-Store-Konfiguration.
• /src/redux/actions : Ordner für Redux-Aktionen.
• /src/redux/DrumMachineActions : Ordner für die Verwaltung von DrumMachine-Aktionen.
• /src/redux/reducers : Ordner für Redux-Reduzierer.
• /src/redux/reducers/DrumMachineReducer.js : Reducer für die DrumMachine-Reducer-Verwaltung.
• /public : Enthält die öffentlichen Dateien und Assets der Anwendung.
• /public/index.html : Basis-HTML-Datei der Anwendung.
• /build : Enthält die generierten Produktionsdateien.

Aufstellen

Klonen Sie dieses Repository in den gewünschten Ordner: https://github.com/ClaudiaRojasSoto/Drum_Machine.git

Installieren

Installieren Sie dieses Projekt mit: install Stylelint und ESLint

Verwendung

Um das Projekt auszuführen, führen Sie den folgenden Befehl aus: Sie benötigen lediglich einen Webbrowser

Führen Sie Tests durch

Um Tests auszuführen, führen Sie den folgenden Befehl aus: npm start Sie benötigen lediglich einen einfachen Webbrowser, um dieses Projekt für einen Test auszuführen

Autoren

? Claudia Rojas

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• AngelList: AngelList

(zurück nach oben)

? Zukünftige Funktionen

• Benutzerschlüssel – Anmeldung

(zurück nach oben)

? Mitwirken

Beiträge, Probleme und Funktionswünsche sind willkommen!

Schauen Sie sich gerne die Seite „Probleme“ an.

(zurück nach oben)

️ Zeigen Sie Ihre Unterstützung

Wenn Ihnen dieses Projekt gefällt, zeigen Sie Ihre Unterstützung, indem Sie diesem Konto folgen

(zurück nach oben)

Danksagungen

• Microverse für die Möglichkeit, Git und GitHub in einer kollaborativen Umgebung zu erlernen.

• GitHub-Dokumente für die Bereitstellung umfangreicher Informationen zu Git und GitHub.

(zurück nach oben)

Lizenz

Dieses Projekt ist MIT.

(zurück nach oben)