Foto User
Project Capstone Programming - Recipe Sharing

Puteri Citra Dewi

Sosial Media


0 orang menyukai ini
Suka

Summary

Pawonote adalah platform berbagi resep makanan dan minuman tradisional berbasis web. Dengan tujuan untuk melestarikan makanan dan minuman tradisional yang ada di nusantara.

Description

Nama Pawonote diambil dari kata “Pawon” dalam bahasa Jawa yang artinya Dapur, dan “note” dalam bahasa Inggris yang berarti Catatan. Website Pawonote mengambil colour scheme hijau, seperti Teh. Dimana user bisa saling berbagi resep sambil bersantai layaknya sedang ngeteh.

TEKNOLOGI WEBSITE :

  1. Front End :
    • Next.js
    • TailwindCSS
    • DaisyUI
  2. Back End :
    • Node.js
    • Express.js
    • JWT, untuk login
  3. DB & ORM :
    • MySQL
    • Prisma ORM

REGISTRASI USER

Admin membuatkan akun untuk user

LOGIN USER

User login menggunakan Username dan Password yang telah dibuatkan

TAMPILAN HOMEPAGE :

TULIS RESEP

KLIK SUBMIT, LALU AKAN DIARAHKAN KE HOMEPAGE. NOTE BERHASIL DIBUAT

MELIHAT SALAH SATU NOTE DAN MENGEDITNYA

Klik tombol EDIT

KLIK SUBMIT, LALU AKAN DIARAHKAN KE HOMEPAGE. NOTE BERHASIL DIEDIT

Kata Temanggung berhasil diedit menjadi Magelang

MENGHAPUS NOTE

ADMIN MENGEDIT USERNAME PENGGUNA

Bila ada typo atau kesalahan saat membuat akun, admin bisa mengedit username

Klik EDIT, ubah username. Lalu SUBMIT

ADMIN MENGHAPUS USER

Klik DELETE

LOGIN SYSTEM

Sistem login di website Pawonote menggunakan JWT(Json Web Token) yang disimpan di cookie

  • User Login
  • Jika berhasil, JWT akan disimpan di cookie. User yang belum login tidak bisa mengakses endpoint ‘/tulis’, karena pada browser tidak terdapat cookie yang menyimpan JWT auth.

 

 

 

Informasi Course Terkait
  Kategori: Web Programming
  Course: Dasar – dasar Node JS