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/
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
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
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.
| 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 |
| 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) |