Personalized Wedding Photo Generator (Frontend)

Frontend for the NUS MSBA Capstone project: Personalized Wedding Photo Generation Using Generative AI.
Built with Next.js (App Router), TypeScript, Redux Toolkit, and Ant Design.

---

Getting Started

npm install
npm run dev

Visit http://localhost:3000.

---

Project Structure

app/          # Next.js pages, layout, providers
features/     # Core features (login, upload, prompt, output)
store/        # Redux store
components/   # Shared components
public/       # Static assets (background, GUI, homepage screenshots)

---

Features

• Upload: Face and background image upload\
• Prompt: Dress, pose, body-shape input\
• Output: Preview of generated wedding photos\
• State Management: Redux Toolkit for predictable flow\
• UI: Ant Design components for clean design

---

Screenshots

Homepage preview:

Upload & Output preview:

Frontend structure: