Skip to content

Sistem Informasi Bima Bakery, Made for Final Project of Software Project Management

License

Notifications You must be signed in to change notification settings

MPPL-C07/SiBaBe

Repository files navigation

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
Thumbnail

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
Winner
(view full size)
Login Page
Winner
(view full size)
Register Page
Winner
(view full size)
Products Page
Winner
(view full size)
Products Page (logged in)
Winner
(view full size)
Products Detail Modal
Winner
(view full size)
Cart Page
Winner
(view full size)
Order Page
Winner
(view full size)
Order Confirmation Page
Winner
(view full size)
Upload Payment Modal
Winner
(view full size)
History Page
Winner
(view full size)
History Detail Page
Winner
(view full size)
History Detail Page (after validated by admin)
Winner
(view full size)
Review Modal
Winner
(view full size)