C
S
Projects

Cam.Shop

Fullstack

May 2023 - July 2023

A feature rich e-commerce site built with React, TypeScript, NextJS, Tailwind, and PrismaORM.

Having started exploring the e-commerce space myself, I wanted to know what went into platforms like Shopify and how to use payment processors like Stripe. So, I decided to build my own e-commerce site from scratch!


Here are some of features:

  • A clean, reactive, and customizable mobile-first UI built with React, Tailwind CSS, DaisyUI, Framer Motion, and Zustand
  • Full Stripe integration with an in-app payment flow and order status updates using Stripe Webhooks
  • Dynamically generated products and products pages with Stripe CMS and NextJS Dynamic Routes
  • Conditional auth redirects and proactive Stripe payment intent/customer ID database assignment with NextAuth
  • Live host on Vercel with CI/CD available at live subdomains through Cloudflare DNS routing and mixed SSR/CSR

Take a look at the live app with the link at the top!

Technologies
NextJS
NodeJS
React
SQL
TailwindCSS
Typescript