🧙 마법옷장

당신을 위한 마법옷장,
더 이상 오늘 날씨에 어떤 옷을 입을지 고민하지 마세요!

마법옷장은 날씨에 따라 당신에게 어울리는 옷을 추천해드리는 어플리케이션입니다.

본 readme는 프론트엔드 repository의 readme입니다.
어플리케이션 백엔드 기능 및 ERD 같은 데이터베이스에 대한 설명은 백엔드 repository에 있으니,
이 곳의 readme를 보고 싶으신 분께서는 아래 링크로 이동해주세요!

백엔드 리드미로 이동 🚶🏻‍♂️

어플리케이션 프로토타입 다운 받으러 가기🚶🏻‍♀️

마법옷장 readme의 `목차`

마법옷장은
마법옷장을 만든 사람들
각 탭의 기능은 이렇습니다!
- 탭 진입 전
- 탭1
- 탭2
- 탭3
- 탭4
마법옷장의 기술스택

🔥 마법옷장은...

급격하게 날씨가 변하는 환절기, 혹은 언제 비가 올지 모르는 장마철...
시시각각 변하는 날씨에 어떤 옷을 입으셔야 할 지 모르시겠다구요?

그런 당신을 위해 마법옷장이 날씨에 따른 패션을 추천해 드립니다!
오늘 날씨에 맞는 옷을 원클릭으로 쉽게 쇼핑몰까지 이동할 수 있고, 또 자신이 짠 코디를 다른사람들에게 공유할 수도 있어요!

🔥 마법옷장을 만든 사람들은요...

	참여자	나이
mscj1004	👍	24
ssook	🌱	24

구구구구...🕊 99년생 둘이 모여 프론트엔드/백엔드 나누지 않고 탭의 기능별로 구현하는 것을 태스크를 나누어 1주일 간 달린 결과,
마법 옷장🧙🏻‍♀️의 프로토타입을 완성할 수 있었습니다!

🔥 각 탭의 기능은 이렇습니다!

`탭 진입 전`

회원가입 및 로그인 기능

자체 유저 데이터베이스를 구축하여, 회원가입 시 사용자의 개인정보를 저장할 수 있도록 하였습니다.
로그인 기능 역시 회원가입 기능과 마찬가지로 자체 유저 데이터베이스에서 해당 유저의 정보를 불러와 데이터베이스 내에 유저 정보가 있으면
로그인이 가능하도록 구현하였습니다.

회원가입에 있어서 아이디가 중복된 경우를 막았습니다.
따라서 엔드유저가 아이디 중복체크를 하여 현재 자신이 가입하고자 하는 아이디가 중복인지 아닌지 확인할 수 있게끔 만들었습니다.

위 캡처본은 로그인이 실패하였을 때 나오는 창입니다.
사용자가 입력한 아이디와 비밀번호가 유저 데이터베이스 내부에 없을 경우, 로그인에 실패하였습니다.는 문구가 뜨며 접속이 불가합니다.

`탭1`

탭1에서는 각 탭(탭2, 탭3, 탭4)에 있는 액티비티로 바로 이동할 수 있는 핫링크 기능을 제공합니다.
사용자가 홈화면에서 바로 날씨별로 추천되는 코디 정보를 받고 싶을 때에는 탭2로 넘어가는 옷 추천받으러 가기 버튼을,
새로운 자신만의 코디를 만들고 싶을 때에는 탭3로 움직이는 새로운 내 코디 저장하기 버튼을,
다른 사람의 코디를 보고 싶을 때에는 탭4로 이동하는 다른 사람 코디 보러가기 버튼을 눌러 이동하면 됩니다.

`탭2`

탭2에서는 오늘 기온 및 적설량/강수량 같이 날씨에 대한 정보를 받아와, 성별에 맞게 오늘 날씨에 어울리는 코디를 추천해줍니다.
추천 코디의 상세 항목을 누르면 네이버 쇼핑과 연계된 상세 항목으로 이동합니다.
해당 결과는 네이버 쇼핑에서 추천 코디의 키워드로 검색한 목록이며,
현재 가격이 얼마인지와 함께 각 항목을 누르면 바로 각 항목을 판매하는 쇼핑몰 홈페이지로 이동합니다.

`탭3`

탭3에서는 자신만의 코디를 구성하고 또 저장할 수 있습니다. 코디는 상의, 하의, 겉옷, 악세사리 총 4가지 부분으로 이루어져 있습니다.
코디를 저장할 때 다른 사람에게 공유하기 체크 박스를 눌러 공유하는 것 역시 가능합니다.
공유된 코디는 탭4에서 마법옷장을 사용하는 엔드유저들에게 모두 보여집니다.

`탭4`

탭3에서 공유된 코디를 확인할 수 있는 곳입니다.
자신이 공유한 코디 외에도 마법 옷장을 사용하는 모든 사람들의 코디가 이 곳에서 보여집니다.
이 곳에서 자신만의 스타일👕 을 뽐내 보세요!

🔥 마법옷장의 기술스택은 이렇습니다.

License

mscj1004/madcamp_week2

About

Topics

Resources

License

Stars

Watchers

Forks

Releases

Packages 0

Contributors 2

Languages

Packages