2021

Ben Time - Watch Store

A MERN stack website for a watch store - product browsing, brand pages, search, filtering, cart, checkout, PayPal payments, reviews, and order history.

Ben Time - Watch Store

Ben Time - Watch Store


Ben Time is a full-stack platform built for a real watch store using the MERN stack - MongoDB, Express, React, and Node.js.

The project covers the entire customer journey: browsing by brand, searching and filtering by price, adding to cart, completing a multi-step checkout, paying via PayPal, tracking orders, and leaving product reviews. The UI is a custom dark-themed design with full RTL Hebrew support, built to feel like a premium retail experience.


Ben Time homepage hero section

Product Catalog and Brand Browsing

The store is organized around watch brands, with a dedicated browsing section covering labels like Tissot, Seiko, Fossil, Guess, Calvin Klein, Michael Kors, Diesel, and more. Each brand leads into its own filtered product listing.


Ben Time watch brand selection page

The product listing page combines search, category sorting, and price-range filtering - letting users arrive from a brand page or a search query and narrow results from there.


Ben Time product listing with search and price filters

Product Cards and Cart

Each product card shows the watch image, brand and model name, sale price, original price, and current stock status. Available items can be added to cart directly from the card, while out-of-stock products are clearly marked without disrupting the layout.


Ben Time product cards with add to cart and out of stock state

Checkout Flow

The checkout was designed as a multi-step flow - sign-in, shipping details, payment method selection, and a final order review before placing the order. Each step is clearly scoped so users always know where they are in the process.


Ben Time shipping address checkout step

The order summary step brings everything together: shipping address, payment method, itemized product list, and the final total - giving users a full picture before confirming.


Ben Time order summary page

Payment Integration

The platform integrates PayPal as its payment provider, supporting PayPal balance, SEPA, debit card, and credit card as payment options - all handled through the PayPal SDK without any card data touching the server directly.


Ben Time PayPal payment page

Order History

Logged-in users have access to a personal order history page showing each order’s number, purchase date, total, payment status, delivery status, and a link to order details. This keeps account-specific data scoped to authenticated sessions and separate from public product browsing.


Ben Time user order history page

Reviews

The store includes a product review system where users can submit a rating and written feedback. Reviews are tied to user accounts, keeping the system honest and making the review data meaningful for other shoppers.


Ben Time product review form

Stack and Architecture

Ben Time is a full MERN stack application - React on the frontend, Node.js and Express on the backend, MongoDB for the database, and JWT-based authentication for user sessions. Styling is built on a custom dark-themed design system with Bootstrap as a base and RTL support for the Hebrew interface. PayPal is integrated via its official SDK for secure client-side payment handling.

Back to production work