Drum_Machine

Drum_Machine

? Daftar isi

• ? Daftar isi
• Drum_Machine
  • ? Dibangun Dengan
    • Tumpukan Teknologi
    • Fitur Utama
  • Demo Langsung
  • Memulai
    • Struktur Proyek
    • Pengaturan
    • Memasang
    • Penggunaan
    • Jalankan tes
  • Penulis
  • ? Fitur Masa Depan
  • ? Berkontribusi
  • ️ Tunjukkan dukungan Anda
  • Ucapan Terima Kasih
  • Lisensi

Drum_Machine

Aplikasi Mesin Drum adalah aplikasi interaktif yang mensimulasikan mesin drum. Didesain dengan antarmuka pengguna yang intuitif dan ramah, aplikasi ini memungkinkan pengguna memainkan suara perkusi yang berbeda melalui tombol di layar atau melalui keyboard komputer mereka.

? Dibangun Dengan

Tumpukan Teknologi

Bereaksi-redux

• Proyek ini menggunakan React

HTML

• Proyek ini menggunakan HTML.

CSS

• CSS digunakan untuk menyediakan desain di seluruh halaman.

Linter

• Linter adalah alat yang membantu kita memeriksa dan mengatasi kesalahan dalam kode
Proyek ini dihitung dengan dua linter:
• CSS
• JavaScript

Fitur Utama

• SPA
• CRA
• Gaya
• Perangkat
• Bereaksi-Redux
• Penyebaran

(kembali ke atas)

Demo Langsung

Anda dapat melihat Demo di sini.

(kembali ke atas)

Memulai

Untuk mengaktifkan dan menjalankan salinan lokal, ikuti langkah-langkah berikut. Proyek ini memerlukan Node.js dan npm diinstal pada mesin Anda.

-Node.js -npm

-Kloning repositori ini ke mesin lokal Anda menggunakan:

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

-Navigasi ke folder proyek:

cd math_magicians

-Instal dependensi proyek:

instalasi npm

Untuk memulai server pengembangan, jalankan perintah berikut:

npm mulai

Struktur Proyek

Proyek ini mengikuti struktur folder dan file berikut:

• /src : Berisi file sumber aplikasi.
• /src/index.js : Titik masuk utama aplikasi JavaScript.
• /src/App.js : Komponen aplikasi tingkat atas tempat komponen dirender.
• /src/components : Direktori untuk komponen React.
• /src/components/Display.js : Komponen untuk Tampilan
• /src/components/DrumMachine.js : Folder untuk DrumMachine.
• /src/components/DrumPad.js : Folder untuk Drumpad.
• /src/redux : Direktori untuk manajemen Redux.
• /src/redux/store.js : Konfigurasi toko Redux.
• /src/redux/actions : Folder untuk tindakan Redux.
• /src/redux/DrumMachineActions : Folder untuk manajemen tindakan DrumMachine.
• /src/redux/reducers : Folder untuk reduksi Redux.
• /src/redux/reducers/DrumMachineReducer.js : Peredam untuk manajemen peredam DrumMachine.
• /public : Berisi file publik dan aset aplikasi.
• /public/index.html : File HTML dasar aplikasi.
• /build : Berisi file produksi yang dihasilkan.

Pengaturan

Kloning repositori ini ke folder yang Anda inginkan: https://github.com/ClaudiaRojasSoto/Drum_Machine.git

Memasang

Instal proyek ini dengan: instal Stylelint dan ESLint

Penggunaan

Untuk menjalankan proyek, jalankan perintah berikut: hanya memerlukan Browser web

Jalankan tes

Untuk menjalankan pengujian, jalankan perintah berikut: npm start Anda hanya memerlukan browser web sederhana untuk menjalankan proyek ini untuk pengujian

Penulis

? Claudia Rojas

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• Daftar Malaikat: Daftar Malaikat

(kembali ke atas)

? Fitur Masa Depan

• Kunci pengguna - login

(kembali ke atas)

? Berkontribusi

Kontribusi, masalah, dan permintaan fitur dipersilakan!

Jangan ragu untuk memeriksa halaman masalah.

(kembali ke atas)

️ Tunjukkan dukungan Anda

Jika Anda menyukai proyek ini, tunjukkan dukungan dengan mengikuti akun ini

(kembali ke atas)

Ucapan Terima Kasih

• Microverse yang memberikan kesempatan mempelajari Git dan GitHub dalam lingkungan kolaboratif.

• GitHub Docs yang menyediakan banyak informasi tentang Git dan GitHub.

(kembali ke atas)

Lisensi

Proyek ini adalah MIT.

(kembali ke atas)