Web Restaurant adalah sebuah layanan konsumsi pangan yang berbentuk website untuk konsumen agar pemesanan makanan atau minuman lebih efisien dan cepat, dan cocok digunakan ketika masa pandemi pada saat ini untuk menekan jumlah penyebaran covid-19 dengan mengurangi physical interaction.
Description
Description
Tema
Website yang saya buat kali ini bertemakan restoran website yang menyediakan makanan dan minuman tradisonal khas Indonesia dari berbagai daerah, dengan tema warna dan corak huruf berwarna coklat dan emas.
Tujuan
Memperkenalkan kembali makanan khas daerah Indonesia kepada millenial zaman sekarang.
Melestarikan Budaya Indonesia termasuk cirikhas makanan nya.
Membawa Budaya Indonesia ke jenjang Internasional dengan memperkenalkan makanan dan minuman khas Indonesia kepada seluruh orang di Dunia.
Mempermudah Layanan konsumsi pangan kepada seluruh konsumen di Indonesia.
Teknologi Website
Dalam membangun Website ini kami menggunakan 2 buah bahasa Pemrograman dan Sebuah HTML yaitu: - CSS(Cascading Style Sheet) ~Framework: Bootstrap -JavaScript/Node.Js ~Framework: Express.Js ~Package Manager: bcrypt, ejs, passport.
Dan Text Editor berupa: -Visual Studio Code -Replit
Web Developer
Front-End: Muhammad Afdhal Rezkikasyah Back-End: Rizky Hidayatullah
Mekanisme Website
Pertama-tama ketika User membuka website, maka User akan diarahkan langsung ke Halaman Home, dengan menu drop-downnya berupa Login dan bukan Akun karena User baru pertamakali mengunjungi website dan belum pernah melakukan Register.
Dan User hanya bisa melihat-lihat website saja, oleh karena itu User melakukan Register dengan mengisikan Username,Email,dan Password untuk melakukan pemesanan dan setelah melakukan Register User akan di arahkan langsung ke halaman Login, dan user mengisi Email serta Password.
Setelah itu User akan diarahkan kembali menuju kepada Homepage, dengan menu drop-down nya berupa akun ketimbang Login karena User sudah melakukan Register dan Login.
Lalu User dapat melanjutkan memesan makanannya dengan menekan tombol menu pada Navigation Bar
Setelah User menekan tombol menu, User akan langsung diarahkan ke halaman Menu dan User dapat memilih makanan atau minuman yang tersedia di dalam menu, serta User dapat membuka tampilan salah satu dari makanan atau minuman dan juga bisa membuka kedua-duanya, (dalam contoh ini user memilih makanan soto)
Setelah User memilih makanan, User akan di arahkan menuju ke DashBoard dengan berisikan nama makanan, gambar makanan, harga makanan, penjelasan tentang makanan, pemilihan jenis makanan, dan tombol untuk membeli makanan.
Setelah itu User juga dapat memilih jenis makanan seperti Soto Lamongan dan Soto Banjar, atau ingin memilih pilihan Default, yaitu Soto Bandung.
Setelah itu User dapat melakukan pembayaran Transfer atau Barcode, dan menerima makanan dan history pemesanannya.
Tampilan dan Fitur Lainnya
About Page
Account Page
Media Queries
Navigation Bar
Potongan Codeline Program
Penutup
Sekian, untuk portofolio Saya, mohon maaf apabila ada kekurangan atau salah kata. Assalamu'alaikum warahmatullahiwabarakaatuh, dan Selamat Pagi, Selamat Siang, Selamat Malam. Terimakasih.
~Muhammad Afdhal Rezkikasyah
Informasi Course Terkait
Kategori: Web Programming
Course: Dasar – dasar Node JS