SiBaBe | Sistem Informasi Bima Bakery

An online shop for ordering products from Bima Bakery, utilizing Next.js for the front-end and Golang for the backend.

SiBaBe

Live Website : https://www.sibabe.app/ | https://admin.sibabe.app/

---

What it does🤷‍♀️

User can

• Register and log in to their account
• Browse and view products
• Add products to their shopping cart
• Search for products using keywords
• View their shopping cart and adjust the quantity of items
• Place an order
• View order history
• View the details of past orders
• Leave a review on purchased products.

Admin can

• Manage products
• Add products
• Edit products
• Delete products
• View business reports
• Add production data
• View order list
• Accept orders
• Reject orders

How we built it🔧

Frontend : React with Next.js, Redux for State management, Typescript for strong typing, Mantine for some component, React Toastify for toast component, Tailwind CSS for styling
Backend : Golang with Echo, PostgreSQL for database

Challenges we ran into🏃‍♂️

As a team of developers, this was our first project working together, with two of us being new to the field. Despite this, we successfully completed it with pride.

Relevant Repositories/link✨

TYPE	LINK
Demo	https://www.sibabe.app/
Backend Docs	https://documenter.getpostman.com/view/23908351/2s8YYPHL16#b2e6ec68-15c2-4959-a455-a10c2b169170
Frontend (admin) Repo	https://github.com/MPPL-C07/SiBaBe-admin
Backend Repo	https://github.com/MPPL-C07/SiBaBe-BE

Snapshots

Landing Page
(view full size)

Login Page
(view full size)

Register Page
(view full size)

Products Page
(view full size)

Products Page (logged in)
(view full size)

Products Detail Modal
(view full size)

Cart Page
(view full size)

Order Page
(view full size)

Order Confirmation Page
(view full size)

Upload Payment Modal
(view full size)

History Page
(view full size)

History Detail Page
(view full size)

History Detail Page (after validated by admin)
(view full size)

Review Modal
(view full size)