Biscotti App - E-Commerce for Italian Bakery
A beautifully designed eCommerce platform built with modern web technologies to showcase and sell authentic Italian pastries and desserts from a family-owned bakery in Stafford, Virginia.
Technologies Used
All Technologies
Clerk
Cloudinary
Improvmx
NextJS
React
Sanity CMS
ShadCN/UI
Swiper
Project Info
My Role
Full Stack Developer
Team Size
1 person
Duration
2 Months
Timeline
12/10/2024 - 2/10/2025
Category
web
Featured
Yes
About This Project
Biscotti is a fully responsive eCommerce application developed for Mamma Rosa's Italian Bakery, a traditional Italian dessert shop located in Stafford, VA. The app provides a seamless and elegant browsing and shopping experience, allowing users to explore a curated selection of cakes, pastries, tarts, cupcakes, and other gourmet desserts. From luxurious Carlotta Cakes to rich Tiramisu and seven-layer Setteveli masterpieces, every product is beautifully presented with high-quality visuals and descriptive content. The platform supports categorized product listings, individual product pages, cart functionality, and a clean, intuitive design that emphasizes both functionality and the rich heritage of Italian baking. This project helped the bakery expand its reach and offer convenient online ordering to customers throughout the area.
Key Features
- Full eCommerce functionality (browse, cart, checkout)
- Beautiful UI showcasing each product with detailed descriptions
- Category-based filtering and product organization
- SEO-optimized structure and responsive design
- Real product content for weddings, birthdays, and celebrations
- Integration with Stripe for secure online payments
- Authentication with Clerk for user sessions and order management
- Social media video and image geeneration with Cloudinary API
- Email marketing strategy implemented
- SEO fully optimized, search console and product display on google products
- Social Media Automation with Cloudinary and Metricool
Challenges Overcome
- Challenge: Creating a bakery-centric UI that reflected the brand's warmth and quality Solution: Used Tailwind and custom illustrations to match the bakery's aesthetic while maintaining performance.
- Challenge: Ensuring smooth browsing on both mobile and desktop devices Solution: Implemented a fully responsive layout with adaptive design breakpoints and lazy loading for images.
- Challenge: Displaying high-quality images without compromising performance Solution: Integrated Cloudinary to serve optimized images in modern formats like WebP.
What I Learned
Gained hands-on experience in building scalable, production-ready eCommerce applications. Learned to effectively combine design, UX, and performance optimization. Strengthened knowledge of secure authentication and payment workflows.
Mobile Screenshots
