T

Taufik Hidayatulloh

Available to Work

website

frontend

nextjs

Ells

E-learning gamification system University Amikom Purwokerto

Ells
AV

Taufik Hidayatulloh

@Taufik-H

13 Mei 2025

📚 Ells — E-Learning Gamifikasi Universitas Amikom Purwokerto

Ells adalah sebuah aplikasi e-learning berbasis web yang dirancang khusus untuk meningkatkan keterlibatan dan motivasi mahasiswa melalui pendekatan gamifikasi. Dikembangkan untuk kebutuhan internal Universitas Amikom Purwokerto, Ells menggabungkan prinsip-prinsip edukasi dengan elemen permainan interaktif untuk menciptakan pengalaman belajar yang lebih menyenangkan, kompetitif, dan produktif.

🎯 Tujuan Proyek

Meningkatkan student engagement dan pengalaman belajar melalui integrasi fitur gamifikasi seperti:

  • 🎖 Badges — Penghargaan visual atas pencapaian akademik.
  • 🏆 Leaderboard — Sistem peringkat berdasarkan performa belajar.
  • 🎯 Points & Rewards — Akumulasi poin yang bisa ditukar dengan merchandise atau insentif digital.
  • 🔄 Redeem System — Penukaran poin secara langsung dalam sistem.

🧱 Teknologi yang Digunakan

Teknologi Deskripsi
Next.js Framework React untuk SSR dan SPA yang efisien, digunakan sebagai core engine pengembangan aplikasi
React.js Library utama untuk membangun antarmuka pengguna yang modular dan responsif
Tailwind CSS Utility-first CSS framework untuk membangun UI yang konsisten dan efisien secara cepat
REST API Komunikasi antar komponen backend dan frontend dengan pendekatan clean architecture (Mock API selama tahap frontend)

👨‍💻 Peran Saya

Sebagai Frontend Developer, tanggung jawab saya mencakup:

  • Merancang dan mengimplementasikan user interface berbasis desain interaktif dan responsif menggunakan React.js dan Tailwind CSS.
  • Mengintegrasikan fitur-fitur gamifikasi seperti sistem poin, badges, dan leaderboard ke dalam UI.
  • Mengelola state aplikasi dan interaksi pengguna secara efisien menggunakan teknologi modern dan best practices.
  • Melakukan komunikasi dengan backend developer dan UI/UX designer untuk memastikan implementasi berjalan selaras dengan visi proyek.

💡 Fitur Unggulan

  • Single Page Application (SPA) yang cepat dan dinamis
  • 🌓 Support Mode Gelap/Terang untuk kenyamanan pengguna
  • 📊 Dashboard interaktif untuk dosen dan mahasiswa
  • 🔐 Akses berbasis peran (mahasiswa & dosen)
  • 📥 Sistem penugasan, nilai, dan kuis yang terintegrasi
  • 🔄 Komponen modular & reusable untuk pengembangan jangka panjang

📍 Target Pengguna

  • Mahasiswa Universitas Amikom Purwokerto sebagai peserta pembelajaran aktif
  • Dosen sebagai pengelola kelas, tugas, dan evaluasi pembelajaran

Ells bukan hanya sekadar platform pembelajaran — ini adalah cara baru untuk belajar sambil bermain, kompetitif secara sehat, dan tetap produktif.