Build Sample Product Checkout

Built based on Remix FullStack Framework

Tech stack:

Typescript
Remix Fullstack Framework
Json-Rules-Engine
Unit Test: Vitest
CyPress: Not Yet

Solution:

Using Json Rules Engine to configure Campaign program/ Promotion / Discount
Try apply to types: DEAL / DISCOUNT

TODO Improvement:

Change Voucher Code to Logined User information
Define pattern to calculate price after apply promotion
Apply type of all of objects in RuleEngine

How to Testing

Go to Products page
Select item to cart
Go to cart page
Apply Voucher Code = Company Name

Development

From your terminal:

npm install

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

build/
public/build/