Unduh podcastrnext - Unduh Kode Sumber podcastrnext

podcastrnext

Data situs web

1.0.0

Unduh

Yang terbaik untuk Anda dengarkan, selalu

? Pada

Podcastr

PodCastr adalah proyek yang dikembangkan selama Track React Edition baru dari Next Level Week , acara online yang diproduksi oleh Rocketseat .

Ini adalah aplikasi web yang memungkinkan pengguna untuk mendengarkan podcast favorit mereka, melihat rilis terbaru, dan mendapatkan lebih banyak informasi dari podcast yang sedang mereka dengarkan.

Halaman Detail Podcastr - Podcast

Proyek ini sangat menarik untuk dikembangkan, karena untuk pengembangan pemain audio, kami menggunakan HTML5 API untuk memanipulasi audio yang dimainkan oleh pengguna, serta acara dan keadaan pemain. Selain itu, dimungkinkan untuk mempelajari lebih lanjut tentang Next.js, yang merupakan kerangka kerja yang memungkinkan pembuatan aplikasi web dengan SSR (rendering sisi server).

Fitur

Daftar dengan rilis podcast terbaru
Detail podcast yang dipilih
Tampilan Tanggal Saat Ini
Player With Fungsi Shuffle, Pengulangan, Sebelumnya, dekat dan Mainkan/Pause, serta perkembangan episode
Tata letak responsif

Podcastr

Mode Gelap / Mode Light (Switch)

Teknologi dan alat yang digunakan

Proyek ini dikembangkan dengan teknologi dan alat berikut:

React : Perpustakaan JavaScript open source yang berfokus pada pembuatan antarmuka pengguna di halaman web. Ini dikelola oleh Facebook, Instagram, perusahaan lain dan komunitas pengembang individu. Ini digunakan pada Netflix, Imgur, Feedly, Airbnb, Seatgeek, Hellosign, Walmart dan lainnya;
Next.js : Kerangka kerja pengembangan web front-end yang menambahkan fitur baru ke React, seperti server-side rendering (SSR) dan SSG (pembuatan situs statis). Kami menggunakan alat ini memikirkan optimasi kinerja dan pengindeksan yang lebih baik di mesin pencari (SEO - Optimasi Mesin Pencari).
TypeScript : Satu set super bahasa JavaScript yang menyediakan kelas, antarmuka, dan pengetikan statis opsional. Digunakan bersama dengan reaksi di frontand web;
Sass : Pra-prosesor CSS yang memperluas sintaks CSS konvensional, memberi kita kontrol yang lebih profesional dan dinamis untuk gaya daun;
AXIOS : Ini adalah klien HTTP berdasarkan janji untuk membuat permintaan.
GIT : Sistem kontrol sumber terbuka yang paling banyak digunakan;
Kode Visual Studio : Editor kode sumber yang dikembangkan oleh Microsoft untuk Windows, Linux dan MacOS, direkomendasikan untuk pengembangan aplikasi web;

? Tata letak

Tata letak layar aplikasi podcastr dikembangkan oleh tim Rocketseat melalui alat figma online, perangkat lunak pembuatan prototipe yang berfokus pada desain UI (desain antarmuka pengguna) . Anda dapat mengakses tata letak melalui tautan ini: PodCastr .

? Instalasi dan Eksekusi

Untuk mengunduh sumber proyek di mesin Anda, pertama -tama Anda harus menginstal git .

Dengan git terpasang, di terminal Anda jalankan perintah berikut:

git clone https://github.com/mathrb22/podcastrnext.git

Untuk menginstal tempat dan menjalankan proyek, Anda harus menginstal Node.js , yang disertai oleh NPM. Dengan itu diinstal:

Instal fasilitas proyek:

npm install

Jalankan proyek:

npm run dev

# ou

yarn dev

Bagaimana berkontribusi

Membuat garpu repositori ini;
Buat cabang untuk fitur Anda: git checkout -b minha-feature ;
Buat komit dengan perubahan Anda: git commit -m 'feat: Minha nova feature' ;
Dorong untuk Cabang Anda: git push origin minha-feature ;
Tarik permintaan dengan fitur Anda;