sveltekit-signsafe Svelte Themes

Sveltekit Signsafe

๐Ÿ’ณ SignSafe Frontend โ€“ E-Wallet Simulation with Stateless Digital Signature Authentication

SignSafe adalah simulasi aplikasi e-wallet yang mengimplementasikan stateless authentication berbasis digital signature. Proyek ini dikembangkan menggunakan SvelteKit untuk memberikan pengalaman pengguna yang responsif dan cepat, serta berfokus pada keamanan komunikasi API dengan pendekatan kriptografi modern.


๐Ÿš€ Teknologi yang Digunakan

  • SvelteKit โ€“ Framework frontend modern untuk membangun SPA yang ringan dan cepat.
  • TypeScript โ€“ Supaya lebih aman dan terstruktur.
  • Tailwind CSS โ€“ Untuk styling yang efisien dan konsisten.
  • window.crypto.subtle โ€“ Native Web Crypto API untuk proses kriptografi.
  • Fetch API โ€“ Komunikasi dengan backend SignSafe menggunakan RESTful API.

๐Ÿ” Autentikasi SignSafe

SignSafe menggunakan mekanisme autentikasi stateless berbasis digital signature. Setiap permintaan diautentikasi menggunakan kombinasi:

  • โœ… Nonce
  • โฑ Timestamp
  • โœ๏ธ Digital Signature
  • ๐Ÿชช User ID

Dengan ini, tidak perlu menyimpan sesi/token di server. Semua verifikasi dilakukan pada sisi klien dan server melalui validasi signature.


โœจ Fitur Utama

๐Ÿ“ Register

Pengguna baru akan:

  • Mengisi data pendaftaran.

  • Sistem akan secara otomatis menggenerate key pair RSA menggunakan:

    window.crypto.subtle.generateKey(
      {
        name: "RSASSA-PKCS1-v1_5",
        modulusLength: 2048,
        publicExponent: new Uint8Array([1, 0, 1]),
        hash: "SHA-256",
      },
      true,
      ["sign", "verify"]
    );
    
  • Public key dikirim ke backend untuk disimpan

  • Private key tetap di sisi klien dan disimpan secara aman

๐Ÿ’ฐ Top-Up

  • Menambahkan saldo ke akun pengguna.
  • Permintaan top-up diautentikasi menggunakan digital signature.

๐Ÿ’ธ Transfer

  • Mengirim saldo ke akun lain.

๐Ÿ“œ Riwayat Transaksi

  • Menampilkan seluruh histori transaksi top-up dan transfer pengguna.
  • Data diambil dari backend dan disusun secara kronologis.

๐Ÿงช Instalasi & Jalankan

# Clone repositori
git clone https://github.com/shArdent/sveltekit-signsafe.git

cd signsafe-frontend

# Instal dependensi
npm install

# Jalankan di mode dev
npm run dev

Top categories

Loading Svelte Themes