Back
Year
2026
Tech & Technique
Next.js, React, TypeScript, Tailwind CSS, GSAP, Redux, Cloudinary, Leaflet / Map, REST API
Description
Crispies is the official website for Crispies, a 100% halal burger & crispy chicken brand serving London from 10+ takeaway locations. The site pairs a bold, food-first landing experience with the tools customers actually need: flavour discovery, a store locator with live opening hours, and a takeaway-only click & collect ordering flow.
Key Features:
Technical Highlights:
Key Features:
- Flavour Explorer: interactive "Discover Your Crispy Flavor" section showcasing all Crispies original flavours with heat levels
- Store Locator: 10+ London locations with opening hours, live open/closed status, postcode search and an interactive map
- Click & Collect: cart and takeaway-only pickup ordering backed by a custom REST API
- Social Proof: embedded Instagram & TikTok feed straight from the brand's account
- Partner CTA: "Become A Partner" franchise section for brand expansion
- Fully Responsive: optimized for all device sizes
Technical Highlights:
- Built with Next.js and Tailwind CSS, animated with GSAP for a bold, scroll-driven landing experience
- Redux slices for cart, locations, ordering and UI state
- Custom REST API powering locations, menu and click & collect orders
- Cloudinary for media delivery; CARTO map tiles with Nominatim geocoding and postcode lookup
- SEO metadata, strict Content-Security-Policy and optimized assets for performance
My Role
Full-Stack Developer
Owned the entire project from concept to deployment:
Owned the entire project from concept to deployment:
- Design: translated the brand's bold diner identity into a responsive, conversion-focused UI
- Frontend: built every page and component with Next.js, TypeScript and Tailwind CSS
- State: managed cart, locations and ordering flows with Redux
- Backend: implemented the REST API behind locations, menu and orders
- Integrations: store locator map, postcode search, Cloudinary media and Instagram/TikTok feeds
- Deployment: shipped to production behind nginx with CSP hardening and optimized caching
