🔙Website

Synapse E-learning

Synapse E-learning

Synapse adalah platform e-learning berbasis web yang dirancang untuk membantu proses pengelolaan pembelajaran secara terstruktur dan terintegrasi. Sistem ini mendukung pengelolaan course, materi per pertemuan, serta informasi akademik seperti SKS dan deskripsi mata kuliah. Platform ini dikembangkan untuk mempermudah distribusi materi, pengelolaan data pembelajaran, dan meningkatkan efisiensi administrasi akademik.

My Role

  • Mengimplementasikan tampilan antarmuka website berdasarkan kebutuhan sistem e-learning
  • Mengembangkan halaman seperti dashboard, course list, detail materi, dan manajemen data pengguna
  • Membangun layout responsif dan terstruktur menggunakan React & Next.js
  • Mengimplementasikan styling dengan Tailwind CSS agar tampilan clean dan konsisten
  • Berkolaborasi dengan tim backend dalam integrasi data ke tampilan frontend
  • Mengoptimalkan struktur komponen agar scalable dan maintainable

Problem

Pengelolaan data pembelajaran seperti course, course outcomes, SKS, dan materi per pertemuan masih belum terstruktur dengan baik. Data sering tersebar, belum terintegrasi dalam satu sistem, serta berpotensi menimbulkan duplikasi atau inkonsistensi informasi.

Solution

Mengembangkan sistem e-learning berbasis web dengan struktur database relasional yang terorganisir. Sistem dirancang menggunakan REST API untuk mendukung proses CRUD secara terintegrasi serta antarmuka yang responsif menggunakan Next.js agar memudahkan pengelolaan dan akses data pembelajaran.

Result

Sistem mampu mengelola data course dan materi pembelajaran secara lebih sistematis, terstruktur, dan scalable. Dengan arsitektur yang modular, sistem lebih mudah dikembangkan untuk fitur lanjutan seperti role management dan dashboard monitoring akademik.

Design Process

Tech Used

React Next.jsAntigrafityData GripCloudinary TypeScript Tailwind CSSGit & GitHub