- DONUTS
- DRINKS
- PROMOS
- SNACKS
- PASTRIES
- MERCH
- COMBOS
DONUTS
Classic Glazed
Php 49.00
Choco Laka Rings
Php 55.00
Berry Bliss
Php 59.00
Strawberry Sprinkla
Php 65.00
Matcha Bomb
Php 70.00
Vanilla Burst
Php 55.00
Caramel Drizzle
Php 65.00
SPONSORS
Technologies used in making of this project...
HTML5
CSS3
JavaScript
TypeScript
Node.js
React
Next.js
NextAuth.js
Tailwind CSS
shadcn/ui
Turso
Drizzle ORM
Vercel
Render
HTML5
CSS3
JavaScript
TypeScript
Node.js
React
Next.js
NextAuth.js
Tailwind CSS
shadcn/ui
Turso
Drizzle ORM
Vercel
Render
Render
Tailwind CSS
Drizzle ORM
NextAuth.js
Vercel
TypeScript
React
Node.js
Next.js
Shadcn/ui
JavaScript
Turso
CSS3
HTML5
Render
Tailwind CSS
Drizzle ORM
NextAuth.js
Vercel
TypeScript
React
Node.js
Next.js
Shadcn/ui
JavaScript
Turso
CSS3
HTML5
DONUT JUST EAT
Learn some delicious facts too!
Sprinkla is not a real brand!
This website was created as a personal project to demonstrate my full-stack development skills. You can find the full project breakdown and source code on my GitHub.
Designed with Figma and AI tools!
Most of the UI was prototyped in Figma. The logo and a few assets were generated using AI image tools like Canva’s AI and similar platforms.
Hosted on two different platforms!
That’s right! I wanted to push myself by implementing Server-Sent Events (SSE) on a separate server outside of Vercel. This helped me improve my skills on cross-platform communication between services hosted on different providers.
Mostly custom-built components!
Nearly every component on this site was built manually. The only third-party components I used were the carousel and sidebar from ShadCN, Toastify for notifications, and reactjs-popup for modals.
Inspired by Dunkin' Donuts!
As a huge donut fan, working on this site was both fun and torturous, I was thinking about donuts constantly while designing and building this website.