Skip to content

rifrifqyqy/Fullstack-mako-w-Remixjs

Repository files navigation

Mako Bakery Website

Website Mako Bakery adalah platform fullstack untuk menampilkan profil perusahaan dan mengelola menu produk. Proyek ini menggunakan Remix v2 sebagai framework frontend dan backend, dengan Prisma sebagai ORM untuk manajemen database.

Tech Stacks

Remix Prisma Prisma Prisma TailwindCSS MongoDB

Fitur

  • Autentikasi Login dengan dua role: User dan Admin. Sistem autentikasi yang membedakan akses antara pengguna umum dan admin.
  • Tampilan Menu Produk Pengguna dapat melihat daftar menu produk yang disediakan oleh Mako Bakery.
  • Rating dan Komentar Pengguna dapat memberikan rating dan komentar pada setiap produk. Fitur ini memungkinkan pengunjung untuk berbagi pengalaman mereka.
  • Dashboard Admin Admin memiliki akses ke dashboard untuk mengelola menu, termasuk menambah, mengedit, dan menghapus produk.
  • Tampilan UX/UI yang Disempurnakan Desain antarmuka pengguna dibuat lebih menarik dan mudah digunakan.

Clone repositori ini:

git clone https://github.com/rifrifqyqy/fullstack-mako-w-remixjs.git
cd fullstack-mako-w-remixjs

Instal dependensi:

npm install

Konfigurasi Prisma: Buat file .env dan atur koneksi database Anda:

DATABASE_URL="mongodb+srv://username:[email protected]/?retryWrites=true&w=majority&appName=yourClusterName"

Menjalankan Proyek

Pengembangan Lokal:

npm run dev

Membangun untuk Produksi:

npm run build
npm start

Struktur Direktori

app/ - Folder utama untuk Remix, mencakup semua route, komponen, dan logika bisnis.
prisma/ - Folder untuk skema Prisma.
public/ - File statis, seperti gambar dan CSS.
routes/ - Menyimpan semua file route sesuai dengan struktur Remix v2.
utils/ - menyimpan semua logika server: get menu, get review, get user info
helper/ - menyimpan semua logika fungsi helper: formatCurrency, formatDate, transformWord
data/ - menyimpan semua hard data json: data kategori.
==atomic folder==
app/components/elements - meyimpan semua elemen atom
app/components/fragment - menyimpan semua kumpulan elemen
app/components/layout - menyimpan semua kumpulan layout fragment

Kontribusi

Fork proyek ini.

Buat branch fitur

git checkout -b feature/NamaFitur

Commit perubahan

git commit -m 'Menambahkan NamaFitur'

Push ke branch

git push origin feature/NamaFitur

Ajukan pull request.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT.

About

Redesign mako website and creating dashboard for managing mako's menu.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published