lofi music

Lofi-Music?

Proyek React 18 + NextJS, dibuat untuk bersenang -senang. Saya lelah membuka YouTube untuk beberapa musik lo-fi saat bekerja?

Klik di sini untuk demo langsung!

Tentang

Lofi-Music adalah aplikasi web yang memungkinkan Anda membuat musik khusus saat bekerja atau belajar! Cukup klik semua suara yang Anda sukai dari seleksi yang luas untuk overlay mereka ke dalam campuran khusus.

Dibangun dengan

• Komponen gaya
• Berbasis Komponen/Tata Letak
• Lebih cantik untuk keterbacaan yang lebih baik

✅ Memulai

Pertama, klon repo ke perangkat Anda menggunakan perintah:

 git clone https://github.com/riccardobertolini/lofi-music.git

Kemudian, ubah direktori menjadi lofi-music dengan perintah:

 cd lofi-music

Selanjutnya, jalankan perintah berikut untuk menginstal semua modul dan ketergantungannya:

npm install

Penggunaan

Untuk menjalankan aplikasi dalam mode pengembangan, jalankan perintah berikut:

npm run dev

Kemudian, buka http: // localhost: 3000 (port default) untuk melihatnya di browser.

Untuk membangun aplikasi untuk produksi ke folder build , jalankan:

npm run build

❓ Instruksi

• Untuk membuat campuran suara , klik gambar untuk menambahkannya ke suara aktif Anda.
• Untuk menyesuaikan volume suara individual , seret slider di bawah suara.
• Untuk menyesuaikan volume semua suara aktif , seret slider di bagian bawah layar di bawah Sounds active: .
• Untuk menghentikan semua suara , klik Stop all .
• Untuk memasuki mode layar penuh , klik window icon di kiri atas bilah ikon. Untuk keluar , klik ikon lagi.
• Untuk mendapatkan campuran suara acak , klik arrow icon di bilah ikon.
• Untuk mengubah warna latar belakang aplikasi, klik gear icon di bilah ikon dan pilih warna.
• Untuk mendapatkan campuran suara acak berdasarkan suasana hati Anda, klik face icon di bilah ikon dan pilih suasana hati Anda.

? Jalankan tes

Untuk menjalankan tes, jalankan perintah berikut:

npm test

Untuk memeriksa cakupan uji (minimum yang diperlukan global 70%), jalankan perintah berikut:

npm test -- --coverage

Setelah perintah dijalankan, cari folder /coverage , lalu /lcov-report , dan buka index.html di browser.

Struktur proyek

 .
├── components // All app components (MusicTiles, Shuffler, etc.)
├── constants // Enum of colors
├── contexts // Accessibility Context
├── data // Music list with corresponding image and mp3 sources
├── pages // The app
├── public // Audio and image files
├── styles // CSS file
└── utils // Fullscreen mode

? Berkontribusi

Silakan membuka masalah, tarik permintaan, dan refactor/perbaiki! Ini adalah proyek yang hidup dan bantuan apa pun diterima. Terima kasih!

Untuk melihat masalah saat ini, lihat halaman masalah.

Untuk berkontribusi, ikuti langkah -langkah di bawah ini:

1. Buat garpu repo ini.
2. Buat folder di perangkat Anda dan klon repo forked ke dalamnya.

 git clone https://github.com/[YOUR-USERNAME-HERE]/lofi-music.git

3. Buat cabang fitur.

 git checkout -b new-feature

4. Melakukan perubahan Anda.

 git commit -m 'Added feature'

5. Dorong ke cabang.

 git push origin new-feature

6. Kirimkan permintaan tarik.
   

Lisensi

Didistribusikan di bawah lisensi MIT. Lihat LICENSE untuk informasi lebih lanjut.