diff --git a/README.md b/README.md index 5614db31c485058c8277b93c72a82d02c6d04a21..dc8acd502c4b211f830727d8d89f1f25a86aa059 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,221 @@ -## Panduan Pengerjaan -Berikut adalah hal yang harus diperhatikan untuk pengumpulan tugas ini: -1. Buatlah grup pada Gitlab dengan format "IF3110-2023-01-XX", dengan XX adalah nomor kelompok (untuk K1 dan K2) atau kode kelompok (untuk K3). -2. Tambahkan anggota tim pada grup anda. -3. **Fork** pada repository ini dengan organisasi yang telah dibuat. -4. Ubah hak akses repository hasil Fork anda menjadi **private**. -5. Hal-hal yang harus diperhatikan. - * Silakan commit pada repository anda (hasil fork) - * Lakukan beberapa commit dengan pesan yang bermakna, contoh: “add register formâ€, “fix logout bugâ€, jangan seperti “finalâ€, “benerin dikitâ€, “fix bugâ€. - * Disarankan untuk tidak melakukan commit dengan perubahan yang besar karena akan mempengaruhi penilaian (contoh: hanya melakukan satu commit kemudian dikumpulkan). - * Commit dari setiap anggota tim akan mempengaruhi penilaian. - * Jadi, setiap anggota tim harus melakukan commit yang berpengaruh terhadap proses pembuatan aplikasi. - * Sebagai panduan bisa mengikuti [semantic commit](https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716). -6. Buatlah file README yang berisi: - * Deskripsi aplikasi web - * Daftar requirement - * Cara instalasi - * Cara menjalankan server - * Screenshot tampilan aplikasi (tidak perlu semua kasus, minimal 1 per halaman), dan - * Penjelasan mengenai pembagian tugas masing-masing anggota (lihat formatnya pada bagian pembagian tugas). +# MAHASISWA LEVELING + +## Deskirpsi + +Mahasiswa Leveling is a web-based application developed using pure HTML, CSS, JavaScript, and PHP, designed to assist users in their workout routines. This application provides a variety of features to enhance the user experience and motivation while pursuing their fitness goals. + +## Key Features +1. **Achievement System**: +Boosts user motivation by offering a comprehensive achievement system that rewards users for reaching specific milestones during their workout journey. + +2. **Leveling and Experience Points (EXP)**: +Every user is assigned a level based on their workout progress and gains experience points (EXP) for completing various fitness tasks. This gamified approach encourages users to stay committed to their fitness routines. + +3. **Quests**: +Users can take on fitness quests to challenge themselves and earn rewards. These quests provide an additional layer of engagement and personalization to their workout experience. + +4. **Profile Management**: +Users have the ability to view and edit their profiles, allowing them to tailor their workout journey to their preferences. They can also track the number of completed quests and achievements they have unlocked. + +5. **Profile Pictures and Audio Collection**: +Users can personalize their profiles with profile pictures and store multiple audio files in their collection. This feature enables users to add a personal touch to their workout experience by listening to their favorite tunes or motivational audio. + +6. **Many More**: +This application also provides other interesting features that can be explored by users. + +## Requirement + +This project built using: +1. php 8.0-apache +2. mysql latest + +## Instalasi + +1. Clone or download this repository +2. Install XAMPP or Docker +3. Create .env file in config folder +4. Configure .env file (example in .env.example) + +## How to Run + +### XAMPP + +1. Move this repository to htdocs folder +2. Start Apache + +### Docker + +1. run this command in terminal (root directory): +```bash +docker compose --env-file config/.env build +``` +2. run this command in terminal (root directory): +```bash +docker compose --env-file config/.env up +``` +If there is an error about mysqli, do the following: +1. Open docker apache terminal +2. run: +```bash +docker-php-ext-install mysqli +``` +3. restart docker apache + +## Application Screenshots + +## Mobile Version +<img src="screenshots/display/.m_achievement_admin.png" width="200"> +<img src="screenshots/display/.m_achievement_user.png" width="200"> +<img src="screenshots/display/.m_challenge.png" width="200"> +<img src="screenshots/display/.m_collection.png" width="200"> +<img src="screenshots/display/.m_collection_edit.png" width="200"> +<img src="screenshots/display/.m_edit_profile.png" width="200"> +<img src="screenshots/display/.m_login.png" width="200"> +<img src="screenshots/display/.m_my_achievement_admin.png" width="200"> +<img src="screenshots/display/.m_my_achievement_user.png" width="200"> +<img src="screenshots/display/.m_register.png" width="200"> +<img src="screenshots/display/.m_super_achievement.png" width="200"> +<img src="screenshots/display/.m_super_achievement_add.png" width="200"> +<img src="screenshots/display/.m_super_achievement_edit.png" width="200"> +<img src="screenshots/display/.m_user_profile.png" width="200"> +<img src="screenshots/display/.m_403.png" width="200"> +<img src="screenshots/display/.m_404.png" width="200"> + +## Desktop Version +<img src="screenshots/display/achievement_admin.png" width="200"> +<img src="screenshots/display/achievement_user.png" width="200"> +<img src="screenshots/display/challenge.png" width="200"> +<img src="screenshots/display/collection_edit.png" width="200"> +<img src="screenshots/display/collection_page.png" width="200"> +<img src="screenshots/display/edit_profile.png" width="200"> +<img src="screenshots/display/login.png" width="200"> +<img src="screenshots/display/my_achievement_admin.png" width="200"> +<img src="screenshots/display/my_achievement_user.png" width="200"> +<img src="screenshots/display/register.png" width="200"> +<img src="screenshots/display/super_achievement.png" width="200"> +<img src="screenshots/display/super_achievement_add.png" width="200"> +<img src="screenshots/display/super_achievement_edit.png" width="200"> +<img src="screenshots/display/user_profile.png" width="200"> +<img src="screenshots/display/403.png" width="200"> +<img src="screenshots/display/404.png" width="200"> + +## Lighthouse Screenshots + +### Database Schema +<img src="screenshots/.skema_database.png" width="500"> + +### Achievement (User) Page Desktop +<img src="screenshots/achievement_user_desktop.png" width="500"> + +### Achievement (User) Page Mobile +<img src="screenshots/achievement_user_mobile.png" width="500"> + +### Achievement (Admin) Add Page Desktop +<img src="screenshots/admin_achievement_add_achievement.png" width="500"> + +### Achievement (Admin) Page Desktop +<img src="screenshots/admin_achievement_desktop.png" width="500"> + +### Achievement (Admin) Edit Page Desktop +<img src="screenshots/admin_achievement_edit_achievement.png" width="500"> + +### Achievement (Admin) Page Mobile +<img src="screenshots/admin_achievement_mobile.png" width="500"> + +### Challenge Page Desktop +<img src="screenshots/challenge_desktop.png" width="500"> + +### Challenge Page Mobile +<img src="screenshots/challenge_mobile.png" width="500"> + +### Collection Page Desktop +<img src="screenshots/collection_desktop.png" width="500"> + +### Collection Edit Page Desktop +<img src="screenshots/collection_edit.png" width="500"> + +### Collection Page Mobile +<img src="screenshots/collection_mobile.png" width="500"> + +### Edit Profile Page Desktop +<img src="screenshots/edit_profile_desktop.png" width="500"> + +### Edit Profile Page Mobile +<img src="screenshots/edit_profile_mobile.png" width="500"> + +### Error Page 403 Desktop +<img src="screenshots/error403_desktop.png" width="500"> + +### Error Page 403 Mobile +<img src="screenshots/error403_mobile.png" width="500"> + +### Error Page 404 Desktop +<img src="screenshots/error404_desktop.png" width="500"> + +### Error Page 404 Mobile +<img src="screenshots/error404_mobile.png" width="500"> + +### Login Page Desktop +<img src="screenshots/login_desktop.png" width="500"> + +### Login Page Mobile +<img src="screenshots/login_mobile.png" width="500"> + +### My Achievement (User) Page Desktop +<img src="screenshots/my_achievement_user_desktop.png" width="500"> + +### My Achievement (User) Page Mobile +<img src="screenshots/my_achievement_user_mobile.png" width="500"> + +### Register Page Desktop +<img src="screenshots/register_desktop.png" width="500"> + +### Register Page Mobile +<img src="screenshots/register_mobile.png" width="500"> + +### User Profile Page Desktop +<img src="screenshots/user_profile_desktop.png" width="500"> + +### User Profile Page Mobile +<img src="screenshots/user_profile_mobile.png" width="500"> + +## Team Collaboration - Task Allocation + +### Frontend (Client Side) +|Feature|13521015|13521025| +|-------|--------|--------| +|Login|✔ï¸|| +|Register|✔ï¸|| +|Home||✔ï¸| +|Error (403 & 404)|✔ï¸|| +|Achievement (User)|✔ï¸|| +|Achievement (Edit)|✔ï¸|| +|Achievement (Add)|✔ï¸|| +|My Achievement (User)|✔ï¸|| +|Challenge|✔ï¸|| +|Collection|✔ï¸|| +|Collection (Edit)|✔ï¸|| +|Edit Profile|✔ï¸|| +|User Profile|✔ï¸|| +|Hall of Fame (User)||✔ï¸| +|Hall of Fame (Edit)||✔ï¸| +|Hall of Fame (Add)||✔ï¸| +|Navbar|✔ï¸|| + +### Backend (Server Side) +|Feature|13521015|13521025| +|-------|--------|--------| +|Authentication (Login & Register & Logout)|✔ï¸|| +|Achievement (User)|✔ï¸|| +|Achievement (Edit)|✔ï¸|| +|Achievement (Add)|✔ï¸|| +|My Achievement (User)|✔ï¸|| +|Challenge|✔ï¸|| +|Collection|✔ï¸|| +|Collection (Edit)|✔ï¸|| +|Edit Profile|✔ï¸|| +|User Profile|✔ï¸|| +|Hall of Fame (User)||✔ï¸| +|Hall of Fame (Edit)||✔ï¸| +|Hall of Fame (Add)||✔ï¸| +|Initial Project (Database Schema, Folder Structure, Docker, etc)|✔ï¸|| diff --git a/screenshots/display/.m_403.png b/screenshots/display/.m_403.png new file mode 100644 index 0000000000000000000000000000000000000000..55023d8801bf1df4e460d0183fe604c52e124463 Binary files /dev/null and b/screenshots/display/.m_403.png differ diff --git a/screenshots/display/.m_404.png b/screenshots/display/.m_404.png new file mode 100644 index 0000000000000000000000000000000000000000..60e86597bd7fb8df5a95373e31b8d4b77d1daa92 Binary files /dev/null and b/screenshots/display/.m_404.png differ diff --git a/screenshots/display/.m_achievement_admin.png b/screenshots/display/.m_achievement_admin.png new file mode 100644 index 0000000000000000000000000000000000000000..878bd578c3fb0e82164c0f9135b50b58661d0316 Binary files /dev/null and b/screenshots/display/.m_achievement_admin.png differ diff --git a/screenshots/display/.m_achievement_user.png b/screenshots/display/.m_achievement_user.png new file mode 100644 index 0000000000000000000000000000000000000000..9b51f3a5522145b26c90028c2d09a38702ba264e Binary files /dev/null and b/screenshots/display/.m_achievement_user.png differ diff --git a/screenshots/display/.m_challenge.png b/screenshots/display/.m_challenge.png new file mode 100644 index 0000000000000000000000000000000000000000..544fa1c9191a08f69473308ba104d26af3b65dfb Binary files /dev/null and b/screenshots/display/.m_challenge.png differ diff --git a/screenshots/display/.m_collection.png b/screenshots/display/.m_collection.png new file mode 100644 index 0000000000000000000000000000000000000000..121920e47f29615054d8edd751ffe98ec5a9ef17 Binary files /dev/null and b/screenshots/display/.m_collection.png differ diff --git a/screenshots/display/.m_collection_edit.png b/screenshots/display/.m_collection_edit.png new file mode 100644 index 0000000000000000000000000000000000000000..cb6ab89f2410d5791578b7a4f247fcca22df4283 Binary files /dev/null and b/screenshots/display/.m_collection_edit.png differ diff --git a/screenshots/display/.m_edit_profile.png b/screenshots/display/.m_edit_profile.png new file mode 100644 index 0000000000000000000000000000000000000000..8b604c2cd9b185f61a2bbb57233c88a213383b61 Binary files /dev/null and b/screenshots/display/.m_edit_profile.png differ diff --git a/screenshots/display/.m_login.png b/screenshots/display/.m_login.png new file mode 100644 index 0000000000000000000000000000000000000000..89ea04152ef31175fbe4095c7163f08917a0e79a Binary files /dev/null and b/screenshots/display/.m_login.png differ diff --git a/screenshots/display/.m_my_achievement_admin.png b/screenshots/display/.m_my_achievement_admin.png new file mode 100644 index 0000000000000000000000000000000000000000..848fe1c7c8eac36cc9cbf6d52655ceacb0356de4 Binary files /dev/null and b/screenshots/display/.m_my_achievement_admin.png differ diff --git a/screenshots/display/.m_my_achievement_user.png b/screenshots/display/.m_my_achievement_user.png new file mode 100644 index 0000000000000000000000000000000000000000..a865c81a0402e1ce57bc6d18e8f707b4c6c8c056 Binary files /dev/null and b/screenshots/display/.m_my_achievement_user.png differ diff --git a/screenshots/display/.m_register.png b/screenshots/display/.m_register.png new file mode 100644 index 0000000000000000000000000000000000000000..871709376175e775ffcd1f3e5a0623a4ebf63e9c Binary files /dev/null and b/screenshots/display/.m_register.png differ diff --git a/screenshots/display/.m_super_achievement.png b/screenshots/display/.m_super_achievement.png new file mode 100644 index 0000000000000000000000000000000000000000..20d814ef314f1c9db76e5e00afca2d05476f5de3 Binary files /dev/null and b/screenshots/display/.m_super_achievement.png differ diff --git a/screenshots/display/.m_super_achievement_add.png b/screenshots/display/.m_super_achievement_add.png new file mode 100644 index 0000000000000000000000000000000000000000..7c9851aec5fefaf91522fbfcd636cfecc7a6459e Binary files /dev/null and b/screenshots/display/.m_super_achievement_add.png differ diff --git a/screenshots/display/.m_super_achievement_edit.png b/screenshots/display/.m_super_achievement_edit.png new file mode 100644 index 0000000000000000000000000000000000000000..7e5bbb2b1cd924f3c58466bba735a1e3a807b427 Binary files /dev/null and b/screenshots/display/.m_super_achievement_edit.png differ diff --git a/screenshots/display/.m_user_profile.png b/screenshots/display/.m_user_profile.png new file mode 100644 index 0000000000000000000000000000000000000000..67274fd9cef02d7f375a91b33201afb3753e4479 Binary files /dev/null and b/screenshots/display/.m_user_profile.png differ diff --git a/screenshots/display/403.png b/screenshots/display/403.png new file mode 100644 index 0000000000000000000000000000000000000000..37cca6dec48d71b7b7b4fbe6e30800a000b99fc0 Binary files /dev/null and b/screenshots/display/403.png differ diff --git a/screenshots/display/404.png b/screenshots/display/404.png new file mode 100644 index 0000000000000000000000000000000000000000..e173019a9fb8085acde9d7ed736b21912b3ec44d Binary files /dev/null and b/screenshots/display/404.png differ diff --git a/screenshots/display/achievement_admin.png b/screenshots/display/achievement_admin.png new file mode 100644 index 0000000000000000000000000000000000000000..2f17c03e7d07eddd178baf17ef8923c442b2e8b2 Binary files /dev/null and b/screenshots/display/achievement_admin.png differ diff --git a/screenshots/display/achievement_user.png b/screenshots/display/achievement_user.png new file mode 100644 index 0000000000000000000000000000000000000000..91aab481d277b3f2bf8649a0512d7767f7574241 Binary files /dev/null and b/screenshots/display/achievement_user.png differ diff --git a/screenshots/display/challenge.png b/screenshots/display/challenge.png new file mode 100644 index 0000000000000000000000000000000000000000..b50cd995e594c1a454b9c7e0a512c625e346b16a Binary files /dev/null and b/screenshots/display/challenge.png differ diff --git a/screenshots/display/collection_edit.png b/screenshots/display/collection_edit.png new file mode 100644 index 0000000000000000000000000000000000000000..204f98e47b6c7f7351ea1ada90e7607d20b7097c Binary files /dev/null and b/screenshots/display/collection_edit.png differ diff --git a/screenshots/display/collection_page.png b/screenshots/display/collection_page.png new file mode 100644 index 0000000000000000000000000000000000000000..4ea7b4d0df305b5da012dae8b1f191b7eb80fee8 Binary files /dev/null and b/screenshots/display/collection_page.png differ diff --git a/screenshots/display/edit_profile.png b/screenshots/display/edit_profile.png new file mode 100644 index 0000000000000000000000000000000000000000..406a865808956139f8820fd16cc88041c69ad6e5 Binary files /dev/null and b/screenshots/display/edit_profile.png differ diff --git a/screenshots/display/login.png b/screenshots/display/login.png new file mode 100644 index 0000000000000000000000000000000000000000..09460243c5b86c5a29213a51c68ba0bc92f0f2d0 Binary files /dev/null and b/screenshots/display/login.png differ diff --git a/screenshots/display/my_achievement_admin.png b/screenshots/display/my_achievement_admin.png new file mode 100644 index 0000000000000000000000000000000000000000..f8d6d9c259b52806bac55f1550ad68993ba25c26 Binary files /dev/null and b/screenshots/display/my_achievement_admin.png differ diff --git a/screenshots/display/my_achievement_user.png b/screenshots/display/my_achievement_user.png new file mode 100644 index 0000000000000000000000000000000000000000..819987f8c98ea284c6bc9c258859993dc15a5de9 Binary files /dev/null and b/screenshots/display/my_achievement_user.png differ diff --git a/screenshots/display/register.png b/screenshots/display/register.png new file mode 100644 index 0000000000000000000000000000000000000000..3aee515e837beb694f35e67a94370418684cb395 Binary files /dev/null and b/screenshots/display/register.png differ diff --git a/screenshots/display/super_achievement.png b/screenshots/display/super_achievement.png new file mode 100644 index 0000000000000000000000000000000000000000..1a386efc5f5f2e5801479e2d01038144b9977c41 Binary files /dev/null and b/screenshots/display/super_achievement.png differ diff --git a/screenshots/display/super_achievement_add.png b/screenshots/display/super_achievement_add.png new file mode 100644 index 0000000000000000000000000000000000000000..9c77c1394e712be6aefdf2b388f82530cd368075 Binary files /dev/null and b/screenshots/display/super_achievement_add.png differ diff --git a/screenshots/display/super_achievement_edit.png b/screenshots/display/super_achievement_edit.png new file mode 100644 index 0000000000000000000000000000000000000000..2ecd8d8adbd47ae48cde333a1d230714ee1974a8 Binary files /dev/null and b/screenshots/display/super_achievement_edit.png differ diff --git a/screenshots/display/user_profile.png b/screenshots/display/user_profile.png new file mode 100644 index 0000000000000000000000000000000000000000..84580639bb694606512fbf31b0e5e1115be733c7 Binary files /dev/null and b/screenshots/display/user_profile.png differ