Sweet Delight's Bakery banner

Sweet Delight's Bakery

4 devlogs
10h 28m 57s

A modern, responsive bakery website featuring an elegant product catalog, interactive shopping cart, custom cake builder, blog section, admin portal, and backend API. Built with vanilla HTML, CSS, and JavaScript for optimal performance and accessi…

A modern, responsive bakery website featuring an elegant product catalog, interactive shopping cart, custom cake builder, blog section, admin portal, and backend API. Built with vanilla HTML, CSS, and JavaScript for optimal performance and accessibility.

This project uses AI

I used ChatGPT throughout my project to enhance both the design and development process, brainstorm new creative ideas for features and UI.

Demo Repository

Loading README...

shaikhsamir8442

Shipped this project!

Hours: 4.99
Cookies: 🍪 25
Multiplier: 4.92 cookies/hr

I built a complete full stack bakery e-commerce platform with product catalogs, festive collections (giftboxes, Diwali items), cart management, order processing, and admin controls backed by Node.js APIs. The biggest challenge was keeping the UI prices synced with the backend cart logic across all products, but I solved it through systematic validation and proper database -> UI integration. Really satisfied with how it came together into a fully functional online bakery store.

shaikhsamir8442

The goal of this update was to add the auth for user login and signup for secure access to the system, It is now storing the auth state across sessions in frontend, and automatically linking the user to orders. Also for password security I stored using the Hashing Method and implemented the verification of that at the time of login. On the server side added the REST API endpoints for login, signup, logout and me. Session management is implemented using the token based session system when user restarts all starts fresh. Changed the logic for orders added –> When the customerId(if authenticated) allows access to only authorized. Created the simple UI for both pages login and signup and changed for the Admin login.
Changed the navbar and added the Account link, I also changed the background color.

Attachment
Attachment
Attachment
0
shaikhsamir8442

Shipped this project!

Hours: 5.5
Cookies: 🍪 59
Multiplier: 11.04 cookies/hr

I built Sweet Delights into a complete full-stack bakery web application with real backend APIs, authentication, and order management. The biggest challenge was integrating the frontend with a structured Node.js backend while keeping the UI smooth and responsive, but I solved it through clean API design and modular architecture. Really happy with how it evolved from a simple storefront into a fully functional web app.

shaikhsamir8442

This update focused on both visual refinement and full backend integration. I enhanced the typography using google fonts (Inter and Playfair Display), introduced a green-themed UI redesign, added custom animations, improved search functionality, and upgraded overall responsiveness. The site now feels more polished, modern, and interactive.

On the technical side, I implemented a complete Node.js with 5 REST API endpoints, enabling real order placement, authentication, and data handling. The checkout system now integrates with the backend using robust error handling and local storage fallback. An admin portal with session-based login and logout functionality was also added.

Overall, this upgrade significantly improves aesthetics, usability, and real world functionality, transforming the project from a static frontend into a fully functional web application.

Attachment
Attachment
0
shaikhsamir8442

This update focused on improving the admin experience and overall UI polish by introducing a new notifications and alerts section in the admin dashboard, enhancing button styles with smoother transitions and animations for better interactivity, and performing a minor cleanup by fixing a small typo in a comment within the notifications handler, resulting in a more functional, visually appealing, and cleaner interface.

Attachment
2

Comments

chefpenguino
chefpenguino 2 months ago

would look a lot nicer with a proper font

46009361
46009361 2 months ago

your demo doesn’t work anymore

shaikhsamir8442

Shipped this project!

Hours: 1.6
Cookies: 🍪 2
Multiplier: 1.5 cookies/hr

I built Bakery Web a clean, responsive web application that showcases a bakery’s menu, lets visitors browse and filter items, add products to a cart, customize orders, and submit pickup or delivery requests. The app is a modern single‑page frontend that communicates with a lightweight backend API to persist orders and update availability; it also includes a simple admin view for managing menu items and incoming orders so the shop can stay up to date in real time.

While building it I learned a lot about end‑to‑end web development: designing accessible, responsive UI components and managing client‑side state; creating and securing a RESTful API; persisting and validating data; and deploying a full stack app so others can use it. I also improved my Git workflow, testing and debugging habits, and how to iterate on UX based on real‑world use — all of which helped me polish the project for sharing at Flavortown.

shaikhsamir8442

I optimized UI scaling and polished the overall design by tightening navbar and hero spacing, resizing the search bar, and redesigning offer cards with smaller dimensions. Typography was scaled down for better proportions, a desktop media query was added for large screens, the logo was optimized for performance, and a detailed admin README was added. The UI now displays properly at 100% zoom while remaining fully responsive.

Attachment
0