Drum_Machine

Drum_Machine

? Table des matières

• ? Table des matières
• Drum_Machine
  • ? Construit avec
    • Pile technologique
    • Principales fonctionnalités
  • Démo en direct
  • Commencer
    • Structure du projet
    • Installation
    • Installer
    • Usage
    • Exécuter des tests
  • Auteurs
  • ? Fonctionnalités futures
  • ? Contribuer
  • ️ Montrez votre soutien
  • Remerciements
  • Licence

Drum_Machine

L'application Drum Machine est une application interactive qui simule une boîte à rythmes. Conçue avec une interface utilisateur intuitive et conviviale, cette application permet aux utilisateurs de jouer différents sons de percussion via les touches à l'écran ou via le clavier de leur ordinateur.

? Construit avec

Pile technologique

Réagir-redux

• Ce projet utilise React

HTML

• Ce projet utilise HTML.

CSS

• Le CSS est utilisé pour fournir le design de la page entière.

Linters

• Les Linters sont des outils qui nous aident à vérifier et résoudre les erreurs dans le code
Ce projet compte deux linters :
• CSS
• Javascript

Principales fonctionnalités

• SPA
• ARC
• Styles
• Boîte à outils
• Réagir-Redux
• Déploiement

(retour en haut)

Démo en direct

Vous pouvez voir une démo ici.

(retour en haut)

Commencer

Pour obtenir une copie locale opérationnelle, procédez comme suit. Ce projet nécessite Node.js et npm installés sur votre machine.

-Node.js -npm

-Clonez ce référentiel sur votre machine locale en utilisant :

clone git https://github.com/ClaudiaRojasSoto/Drum_Machine.git

-Naviguez jusqu'au dossier du projet :

cd math_magiciens

-Installer les dépendances du projet :

installation npm

Pour démarrer le serveur de développement, exécutez la commande suivante :

npm démarrer

Structure du projet

Le projet suit la structure de dossiers et de fichiers suivante :

• /src : Contient les fichiers sources de l'application.
• /src/index.js : Point d'entrée principal de l'application JavaScript.
• /src/App.js : Composant de niveau supérieur de l'application où les composants sont rendus.
• /src/components : Répertoire des composants React.
• /src/components/Display.js : Composant pour l'affichage
• /src/components/DrumMachine.js : Dossier pour la DrumMachine.
• /src/components/DrumPad.js : Dossier pour le Drumpad.
• /src/redux : Répertoire de gestion Redux.
• /src/redux/store.js : Configuration du magasin Redux.
• /src/redux/actions : Dossier pour les actions Redux.
• /src/redux/DrumMachineActions : Dossier de gestion des actions DrumMachine.
• /src/redux/reducers : Dossier pour les réducteurs Redux.
• /src/redux/reducers/DrumMachineReducer.js : Réducteur pour la gestion des réducteurs DrumMachine.
• /public : Contient les fichiers et actifs publics de l’application.
• /public/index.html : Fichier HTML de base de l'application.
• /build : Contient les fichiers de production générés.

Installation

Clonez ce référentiel dans le dossier souhaité : https://github.com/ClaudiaRojasSoto/Drum_Machine.git

Installer

Installez ce projet avec : installez Stylelint et ESLint

Usage

Pour exécuter le projet, exécutez la commande suivante : vous avez juste besoin d'un navigateur Web

Exécuter des tests

Pour exécuter des tests, exécutez la commande suivante : npm start vous avez juste besoin d'un simple navigateur Web pour exécuter ce projet pour un test

Auteurs

? Claudia Rojas

• GitHub : @githubhandle
• LinkedIn : LinkedIn
• Liste des anges : Liste des anges

(retour en haut)

? Fonctionnalités futures

• Clés utilisateur - connexion

(retour en haut)

? Contribuer

Les contributions, problèmes et demandes de fonctionnalités sont les bienvenus !

N'hésitez pas à consulter la page des problèmes.

(retour en haut)

️ Montrez votre soutien

Si vous aimez ce projet, montrez votre soutien en suivant ce compte

(retour en haut)

Remerciements

• Microverse pour offrir la possibilité d'apprendre Git et GitHub dans un environnement collaboratif.

• GitHub Docs pour avoir fourni une multitude d'informations sur Git et GitHub.

(retour en haut)

Licence

Ce projet est le MIT.

(retour en haut)