🌐 Joyful World - 회사 소개 홈페이지 외주 제작

"Joyful World" 회사의 공식 소개 홈페이지를 외주로 제작한 프로젝트입니다.
React + Firebase 기반으로 다국어 지원(i18n)과 반응형 UI를 구현하였습니다.

---

🚀 Demo

• 배포 링크: https://joyful-world.co.kr
• 페이지 예시:

Home(KOR)	Home(ENG)
BrandStory Page	Contact Page
AboutUs Page	Products Page
Community Page

---

💡 프로젝트 개요

“Joyful World”라는 회사의 소개 홈페이지 외주 작업을 맡아 진행했습니다.
디자인은 국내 유명 식품 브랜드 홈페이지를 참고하여 제작하였으며,
협력사와 고객에게 회사 정보를 직관적으로 전달하는 데 초점을 두었습니다.

---

🧩 주요 기능

• 🏢 회사 소개, 제품 정보 등 주요 콘텐츠 표시
• 🌏 한국어/영어 언어 변경 기능 (i18n 사용)
• 🍯 제품 카테고리별 필터링 기능 (Query String 기반)
• 🔥 Firebase를 통한 실시간 데이터 연동
• 📱 반응형 UI (Tailwind CSS로 모바일/태블릿/데스크탑 화면 대응)

---

⚙️ 기술 스택

구분	기술
Front-End
Database / Hosting
API / 다국어 지원

---

📁 폴더 구조

src/
┣ components/      # 공용 UI 컴포넌트
┣ pages/           # 페이지 단위 컴포넌트
┣ i18n/            # i18n 설정 관련 파일
┣ locales/         # 다국어 JSON 리소스
┣ lib/             # Firebase 및 유틸 함수
┗ App.tsx          # 메인 엔트리