SugarBossMiami 🍰

A custom cake destination brought to life with React & TypeScript

📖 Overview

SugarBossMiami is a responsive, modern website for a Miami-based luxury cake bakery. Built with React and TypeScript, it serves as both an online portfolio for the bakery’s stunning creations and a point of contact for customers seeking custom cake orders.

This project demonstrates frontend development skills, a clean UI design, and future scalability for features like image hosting with AWS and backend integration.

---

✨ Features

• Responsive Design – Optimized for desktop, tablet, and mobile
• Multi-Page Layout – Home, Services/Menu, Gallery (with filters), and Contact
• Gallery Filtering – View cakes by category/style (planned feature)
• Contact Form – Customers can reach out for inquiries (planned backend integration)
• Modern Styling – Luxury baby blue theme to match brand identity

---

🛠 Tech Stack

Frontend:

• React
• TypeScript
• CSS (custom styling)

Deployment:

• Netlify

Planned Enhancements:

• AWS S3 for image hosting
• Backend API for image management & contact form
• Server-side pagination for large gallery performance

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/yourusername/sugarbossmiami.git
cd sugarbossmiami

2️⃣ Install Dependencies

npm install

3️⃣ Run Locally

npm start

---

📂 Project Structure

sugarbossmiami/
│── public/         # Static assets
│── src/
│   ├── components/ # Reusable UI components
│   ├── pages/      # Page components (Home, Services, Gallery, Contact)
│   ├── styles/     # CSS styling
│   └── App.tsx     # Main app entry
│── package.json

---

📬 Contact

Developed by Luis Perez
📧 Email: lperezdev843@gmail.com 💼 Portfolio: https://luiperportfolio.vercel.app/

---

📝 License

This project is licensed under the MIT License.