Skill Swap App (Tukar-Menukar)

Tukar-Menukar merupakan nama dari aplikasi Skill Swap yang saya kerjakan untuk belajar Next.Js dan Typescript.

Tech Stack yang digunakan:

• React.js
• Next.js
• Tailwind
• Prisma
• MongoDb

Github repo klik disini.

Live Demo klik disini.

Tasks I do

Berikut adalah beberapa tugas atau fitur (Frontend & Backend) yang saya kerjakan dalam pengembangan aplikasi:

Authorization & Authentication

• Membuat Halaman Register.

  Persyaratan:

  • Pengguna dapat mendaftar ke aplikasi menggunakan email dan username.
  • Pengguna akan menerima email untuk melakukan verifikasi akun.

• Membuat Halaman Login.

  Persyaratan:

  • Pengguna dapat masuk ke aplikasi menggunakan email dan password.
  • Pengguna akan di arahkan ke homepage jika telah login.

• Membuat Halaman Verify.

  Persyaratan:

  • Pengguna melakukan verifikasi dengan mengatur passwordnya.

Homepage

• Membuat Homepage.

  Persyaratan:

  • Pengguna dapat melihat info aplikasi.
  • Pengguna dapat melihat skill-skill pupuler.
  • Pengguna dapat melihat fitur-fitur aplikasi.

Dashboard

• Membuat Dashboard.

  Persyaratan:

  • Pengguna dapat melihat daftar exchange yang dimiliki pengguna.
  • Pengguna dapat mengklik exchange yang ada untuk menuju halaman detail exchange.
  • Pengguna dapat menuju halaman list pengguna dengan mengklik tombol create exchange.

Users

• Membuat Halaman Daftar Pengguna.

  Persyaratan:

  • Pengguna dapat mencari pengguna lainnya.
  • Pengguna dapat melihat daftar pengguna lainnya.
  • Pengguna dapat menuju halam detail pengguna lainnya, dengan mengklik pengguna lainnya yang tersedia.

• Membuat Halaman Detail Pengguna.

  Persyaratan:

  • Pengguna dapat melihat detail pengguna dan pengguna lainnya.
  • Pengguna dapat membuat exchange dengan mengklik tombol create exchange.

Settings

• Membuat Halaman Update Profile.

  Persyaratan:

  • Pengguna dapat memperbaruhi profilenya seperti username maupun foto profile.

• Membuat Halaman Mengatur Skill.

  Persyaratan:

  • Pengguna dapat mencari skill.
  • Pengguna dapat melihat daftar skill.
  • Pengguna dapat mengatur skill apa yang ingin pengguna inginkan dan bagikan.

Exchange

• Membuat Halaman Detail Exchange.

  Persyaratan:

  • Pengguna dapat melihat detail exchnage pengguna maupun pengguna lainnya.