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/