Established in April 2023, TANGERINE is a fictional online coffee and tea supplier with a real and mostly functional website.
After first starting as a Figma design file, the site was made using TypeScript, Next.js, NextAuth.js, Prisma, Chakra UI, and Stripe Checkout.
The online marketplace features a wide range of coffees, teas and equipment which can be filtered by tags, or sorted by price and name. These products come in different sizes, packages and configurations, and can be added to a cart and finally purchased (not really).
The source code is available on GitHub.