"소중한 사람을 위한 맞춤형 기념일 선물을 찾으세요!"
사랑과 감동을 더할 특별한 선물 아이디어를 제공하는 퀴즈 웹페이지!
Anniversary Gift Quiz Project : 기머전시 (기념일 Emergency)는 기념일 선물 추천을 돕는 웹페이지입니다. 서로에게 문제를 출제하여 서로 문제를 풀고, 비교할 수 있는 기능을 갖추고 있습니다. "연인의 선물을 어떻게 준비할까?" 고민하는 사람들을 위한 완벽한 솔루션!
첫인상을 결정하는 매력적인 화면!
- 프로젝트의 목적과 테마를 직관적으로 전달.
- "문제 만들기" 버튼 클릭으로 퀴즈 페이지로 이동.
쉽고 재미있는 인터랙티브 퀴즈
- 8단계에 걸친 다양한 질문 제공.
- 선택지를 클릭하거나 직접 답변을 입력 가능.
- 현재 진행 상황을 시각적으로 표시하는 진행률 바 탑재.
사용 예시:
"이 기념일에 받고 싶은 최고의 선물은 무엇인가요?"
- A: 꽃과 편지
- B: 고급 레스토랑 디너
- C: 최신 전자기기
- D: 커플 아이템
- 퀴즈를 마치면 사용자의 답변이 서버로 전송됩니다.
- 서버는 응답 데이터를 분석해 최적의 선물 추천 결과를 제공합니다.
- Axios를 활용하여 효율적인 HTTP 통신 구현.
| 기술 | 설명 |
|---|---|
| React.js | 프론트엔드 개발 프레임워크. 라우팅(react-router-dom)과 상태 관리(useState)로 효율적인 화면 구성. |
| Spring | 백엔드 서버 구축. 사용자 데이터를 수집하고 결과를 분석하여 API 제공. |
| Swagger | API 문서화와 테스트로 안정적인 서버-클라이언트 통합. |
| Figma | UI/UX 디자인 툴로, 사용자 친화적인 인터페이스 설계. |
-
기획(PM):
- 김지안
-
UX/UI Designer:
- 김수빈
- 강서영
-
Web Developers:
- 강신엽
- 정민찬
- 지석영
-
Back-End Developer:
- 김하진
✨ 팀원들의 전문성과 열정이 담긴 협업의 산물입니다! 모두의 노력으로 완성된 특별한 프로젝트에 많은 관심 부탁드립니다. 😊
- 기획부터 개발까지 18시간 내 완성
- 사용자 맞춤형 추천: 선물 고민 시간을 단축하며, 더 나은 사용자 경험 제공.
- 효율적 협업: PM, 디자이너, 개발자 간 원활한 협업을 통해 완성도 높은 결과물 도출.
- 실제 서비스화 가능성: 다양한 사용자 시나리오를 고려해 실용성을 극대화.
"기념일 고민? 이제 Anniversary Gift Quiz Project와 함께하세요!" ❤️