No description
- JavaScript 98.1%
- CSS 1.9%
|
|
||
|---|---|---|
| lambda/tjProcessPayment | ||
| public | ||
| src | ||
| .gitignore | ||
| COLOR_GUIDE.md | ||
| eslint.config.mjs | ||
| jsconfig.json | ||
| next.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.mjs | ||
| README.md | ||
| tailwind.config.js | ||
Trophies Joy — CBD E-Commerce
Premium CBD wellness e-commerce platform. Browse, filter, and purchase lab-tested hemp-derived CBD products with a multi-step checkout flow.
Features
- Product catalog with filtering by category and blend
- Variant selection (blend, strength, wellness phase)
- Sliding cart drawer with free-shipping progress bar
- Multi-step checkout: shipping → NMI payment → confirmation
- Serverless backend via AWS Lambda + DynamoDB
Tech Stack
- Next.js 16 (React 19) — static export (SSG)
- Tailwind CSS 4 — styling
- Radix UI — dialog/modal primitives
- AWS Amplify — API Gateway + Lambda + DynamoDB integration
- NMI — payment tokenization and processing
Architecture
Frontend (Next.js/Vercel)
└── src/services/api.js → AWS API Gateway
└── Lambda: tjProcessPayment → DynamoDB: tjOrders
Product variants are fetched from DynamoDB and include: variantId, productId, name, blend, phase, category, strength, price, images, description, rating, reviewCount.
Development
npm install
npm run dev # Dev server at localhost:3000
npm run build # Production build
npm run lint # ESLint
Requires environment variables for the AWS API Gateway endpoint and NMI tokenization key.