Online Store Builder # 05
BayShop helps users launch an online store in minutes, with a ready-to-use storefront, product catalog, checkout, payments and a dashboard to manage their business.
More screenshots
Role
Product engineer
Status
Selected work
Stack in practice
- Next.js
- What it does
Combine React pages, server rendering and application routes.
- How it is used
Use the App Router, server and client components, metadata and route handlers where needed.
- How I use it
I connect storefront pages, administration routes and server-side commerce operations.
- React
- What it does
Build interactive web interfaces from reusable components.
- How it is used
Use props, state and hooks to connect screens to application data and user actions.
- How I use it
I build reusable catalog, cart and reservation interfaces.
- TypeScript
- What it does
Make JavaScript data contracts explicit before runtime.
- How it is used
Define types for component props, API responses and application state, then check them during builds.
- How I use it
I type product, cart and checkout data across the storefront and administration.
- JavaScript
- What it does
Run browser interactions and Node.js automation.
- How it is used
Compose modules and asynchronous functions to handle events, requests and command-line tasks.
- How I use it
I use Node.js scripts to migrate the shop database and check storefront flows.
- PostgreSQL
- What it does
Persist structured application data with relational guarantees.
- How it is used
Define schemas, constraints and migrations, then read and update data through SQL transactions.
- How I use it
I persist products, orders and store settings in PostgreSQL, with migrations applied before deployment.
- Material UI
- What it does
Provide reusable React controls and a consistent design system.
- How it is used
Compose forms, dialogs and navigation from themed components instead of rebuilding each control.
- How I use it
I compose storefront and administration controls with Material UI components.
The brief
Make the complex feel calm without hiding what matters.
This project started with a familiar tension: powerful software often asks too much of the people using it. The work was to reduce noise, reveal the important path, and give the system a structure people could trust.
I worked across product definition, interface architecture, and the underlying services that make the experience reliable in practice.
Open channel