https://github.com/fanesz/maribermusik-srifoton2023

A website for Web Development Competition at SRIFOTON by Sriwijaya University.
https://github.com/fanesz/maribermusik-srifoton2023

Last synced: about 2 months ago
JSON representation

A website for Web Development Competition at SRIFOTON by Sriwijaya University.

• Host: GitHub
• URL: https://github.com/fanesz/maribermusik-srifoton2023
• Owner: fanesz
• License: mit
• Created: 2023-09-20T13:41:05.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-17T09:13:21.000Z (8 months ago)
• Last Synced: 2024-05-17T10:30:54.422Z (8 months ago)
• Language: TypeScript
• Homepage:
• Size: 13.5 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MariBermusik

Adalah sebuah website yang dirancang untuk mengikuti perlombaan di [SRIFOTON](https://srifoton.hmifunsri.org/) yang diadakan oleh HIMIF dari [Universitas Sriwijaya](https://unsri.ac.id/).

Perlombaan dimulai sejak 20 Agustus 2023 hingga tenggat pengumpulan terakhir 18 Oktober 2023.

## Latar Belakang

Project ini dibangun oleh [Fanes Pratama](https://github.com/fanesz), [Usman](https://github.com/UsmanYap), dan [Rendy Pratama](https://github.com/Rendy752) yang dikerjakan dalam waktu kurang lebih 3 minggu, mulai dari perancangan ide awal, hingga tahap deployment sebagai demo online.

Setelah melalui proses penilaian juri, kelompok kami, RPL-4 mendapatkan juara 2 dengan juara 1 yang ditempati oleh Tim Bis dari Universitas Indonesia dan juara 3 oleh Tim Maba Masih Pemula dari Universitas Diponegoro.

![Foto Penerimaan Sertifikat](https://i.imgur.com/fnKhO0k.jpg)

## Informasi Project

![Home Page](https://i.imgur.com/qokrSii.png)

Project ini dibangun menggunakan framework [Vite.js](https://vitejs.dev/) sebagai frontend utama, bahasa [Typescript](https://www.typescriptlang.org/) untuk meningkatkan performa website, [Tailwindcss](https://tailwindcss.com/) sebagai styling UI/UX, [Express.js](https://expressjs.com/) sebagai backend, [SQLite](https://www.sqlite.org/) sebagai database, dan framework-framework lain.

Tema yang kami pilih sebagai dasar pengembangan project ini yaitu **Bidang Pendidikan**. Website ini bertujuan sebagai sarana berkumpulnya para musisi-musisi indonesia, baik yang baru belajar, maupun yang sudah mahir. Berikut fitur-fitur yang ada pada website MariBermusik:

### Login, Logout, Sign up, dan Reset Password

Website ini mengharuskan kalian login bila ingin membuat materi, rating, membuat forum post, dan melakukan upvote/downvote post. Namun materi dapat diakses bebas tanpa melakukan login.

![Login](https://i.imgur.com/mRQV0Cx.png)

![Signup](https://i.imgur.com/B7WmjWy.png)

![Alt text](https://i.imgur.com/aq8Mesj.png)

### Halaman Materi

Website ini memiliki halaman Materi yang menampilkan semua materi yang tersedia. Kalian dapat membuat materi kalian sendiri dengan hanya 1 tombol klik!. Tiap materi dilengkapi dengan fitur total pengunjung dan rating sehingga semua orang tau seberapa bagus materi tersebut!.

![List Materi Page](https://i.imgur.com/5VYjmOf.png)

![Materi Page](https://i.imgur.com/fFrvvao.png)

### Halaman Profile

Website ini memiliki halaman Profile yang dapat menampilkan profile kamu dan orang lain melalui slug /profile/username. Halaman ini menampilkan list materi dan forum post yang pernah dia buat.

![Profile Page](https://i.imgur.com/yLytFbI.png)

### Halaman Setting

Website ini memiliki halaman Setting untuk mengubah informasi akun seperti foto profile, username, dan persetujuan menerima email informasi.

![Setting Page](https://i.imgur.com/LST8N8Z.png)

### Halaman Forum

Website ini memiliki halaman Forum untuk berdiskusi satu sama lain, dilengkapi dengan fitur upvote dan downvote untuk menilai kualitas dari postingan tersebut!.

![Forum Page](https://i.imgur.com/VqWqkmj.png)

![Forum Post](https://i.imgur.com/EXsldOq.png)

## Penilaian Project oleh Juri Lomba

Terdapat 7 indeks penilaian dengan total skala 0-100 dan terdapat 3 juri yang melakukan penilaian project.

- Originality & Creativity: 44/60

- Effectivity: 33/45

- Relevance: 24/30

- Impact: 32/45

- Source Code: 37/45

- UI/UX: 22/30

- Integrasi Data: 34/45

- Total: 226/300 atau 75.3/100

## Informasi Tambahan

Website dibangun dari nol, tanpa menggunakan templete ataupun AI. Diharapkan dengan open-sourcenya code ini, dapat menjadi referensi dan dimohon untuk tidak digunakan sebagai bahan komersial. Terima kasih.