Sweet Delight's Bakery banner

Sweet Delight's Bakery

Created by: shaikhsamir8442
2 devlogs
3h 39m 19s

🍰 Project: Sweet Delights Bakery — Frontend Store
What it does

Sweet Delights is a responsive and accessible frontend bakery storefront built using vanilla HTML, CSS, and JavaScript. Users can browse product categories, preview bakery items, add products to the cart, build custom cakes, place orders through a client-side checkout flow, view seasonal offers via modal forms, and track orders. An admin UI mock is also included to visualize order management.

What’s next

The next step is to build the backend by adding REST APIs for products, cart, and orders, moving data persistence to a database, implementing authentication for customers and admins, integrating payments, enabling real-time order updates, and connecting the admin dashboard to live backend data.

This project uses AI

I used ChatGPT throughout my project to enhance both the design and development process. It helped me generate high-quality cake and banner images, create and refine the project logo, and brainstorm new creative ideas for features and UI. I also used ChatGPT to improve code quality by reviewing logic, suggesting optimizations, fixing bugs, and ensuring better accuracy and structure in the implementation. Overall, ChatGPT acted as an AI assistant for design, ideation, and technical refinement, making the project more polished and efficient.

Demo Repository

README

Loading README...
shaikhsamir8442
shaikhsamir8442 worked on Sweet Delight's Bakery
5 days ago
2h 3m logged

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
1

Comments

chefpenguino
chefpenguino 5 days ago

would look a lot nicer with a proper font

shaikhsamir8442
shaikhsamir8442 shipped Sweet Delight's Bakery
12 days ago

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
shaikhsamir8442 worked on Sweet Delight's Bakery
20 days ago
1h 36m logged

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