Puretide
E-Commerce Web App
A privacy-focused e-commerce platform built with Next.js, designed to minimize tracking surface area while still delivering a full shopping experience. It avoids external analytics and third-party cookies, and keeps user data client-side by default.
Skills Used
- Next.js ・
- TypeScript ・
- Tailwind CSS ・
- SQLite ・
Puretide is a privacy-first e-commerce app built around a simple idea: an online store should work well without tracking people. There are no analytics scripts, no third-party trackers, and no hidden data collection. It’s just a fast, clean shopping experience that respects the user.The frontend is built with Next.js and Tailwind, keeping things lightweight and responsive. I used modern React patterns with the App Router, and TypeScript across the project to keep everything consistent and easier to maintain.
- Next.js 14 – App Router architecture with modern React patterns
- TypeScript – Type-safe components, API routes, and utilities
- Tailwind CSS – Responsive dark theme UI styling
- React Context – Client-side cart state persisted to localStorage
- SQLite (sql.js) – Local order persistence via a SQLite-backed store
- Google Sheets API – Inventory and promo source of truth (with caching)
- Zoho Mail (SMTP) – Order confirmations, contact submissions, and alerts
Operationally, Puretide uses Zoho Mail (SMTP) for order confirmations, contact submissions, and low-stock alerts. SMTP configuration is provided via environment variables (`SMTP_HOST`, `SMTP_PORT`, `SMTP_USER`, `SMTP_PASS`, `SMTP_FROM`) and can be verified using the included test scripts.
The frontend is built with the Next.js App Router and React, with interactive features like the cart and checkout handled through client-side components. Cart data is managed using React Context and stored in localStorage, allowing users to browse and manage their cart without needing an account or server-side session.
On the backend, API routes handle order creation and payment processing, with safeguards in place to prevent duplicate submissions. Orders are stored using a lightweight SQLite setup (via sql.js), while product and promotion data can be synced from Google Sheets and cached to reduce unnecessary requests.
Browse Other Projects
Vansippy
Happy Hour Finder Web App
Helping deal-seekers around Vancouver find Happy Hours at restaurants and bars close to them.
Go to Project
Instock Web App
Inventory Management System
A modern and scalable Inventory Management System for a client. Developed as a collaborative group project.
Go to Project
Transportes Moran
Aggregate Solutions Co.
Website built with React and styled using SCSS for modular and maintainable styling.
Go to Project
BrainFlix
Youtube clone web app
Webapp that built with React, using functional components and hooks for state and lifecycle management.
Go to Project
Bandsite Web
Web platform for indie bands
This website is built using a traditional front-end web development stack.
Go to Project