NewsUp
Final project 1 - Kelompok 1
Aplikasi yang kami buat adalah website news yang berjalan di pada browser desktop. Dalam konten website memuat konten berita yang terkini dan terbaru seputar indonesia, programming, covid-19, sport, teknologi dan entertainment dengan tetap memperhatikan sisi pengguna.
Lebih lengkap terkait konten projek ini
- Design UI Concept: Blutarism
- Font: Lora, Serif
- Tab Pages:
- Indonesia
- Programming
- Covid-19
- Sport
- Teknologi
- Entertainment
- Component features:
- Save
- Like
- Search
- Behavior: dark & light theme
- Modal: More (About Team Developer in Footer)
- Loading Card
- Pagination
- Error message in section page if fetching data error
ย
Kamis, 20 Oktober 2022 | 13:15 - 14.30 WIB
- Instruktur oleh Bpk. Arif Setiawan
๐จโ๐ป Tim Member
- Muhammad Irfan Zidni (RCTN-KS05-002)
- Muhaemin Iskandar (RCTN-KS05-001)
- Vika Alpiana (RCTN-KS05-004)
โกPresentasi
- PowerPoint โ
- Management Project Nation โ
- Desain Figma โ
- Panduan Penggunaan โ
-
Coding โ
- Setup code
- Install Library
- Structur Projek
- Component
- Page
- Database - Local Storage
- Demo Aplikasi โ
ย
๐ Instruksi Projek
Jika ingin melihat semua instruksi dari Hacktiv8 klik disini
ย
๐ Panduan Penggunaan
- Pertama kita jalankan dulu kodingan di visual studio code dengan cara masukkan di cli
npm i && npm run dev
- Kemudian kita buka link localhost yang ditamplikan di cli menggunakan browser
- Pada halaman pertama kali muncul kita akan berada pada page kategori Indonesia.
- Jika ingin mencari berita coba masukkan inputan di search bar-nya
- Pada Header-nya juga terdapat tombol swaper untuk mengganti tema website, silahkan dicoba.
- Pada card news-nya terdapat tombol like, dan jika ingin menyimpan berita coba klik tombol save pada berita yang ingin disimpan maka akan muncul di page saved yang bisa diakses dengan klik tombol save di header.
ย
๐ป๏ธ Demo Aplikasi
atau
ย
๐ Catatan
- Untuk sekarang ini masih berbasis desktop, belum sepenuhnya responsive
- News API yang digunakan masih versi development, jadi data API-nya hanya bisa dipakai pada localhost dan terdapat beberapa batasan lainnya.
ย