Giter VIP home page Giter VIP logo

poravel's Introduction

πŸ“Έ Poravel πŸ“Έ

πŸ’» μ‚Όμ„± μ²­λ…„ SW 아카데미 1ν•™κΈ° 관톡 ν”„λ‘œμ νŠΈ
πŸ–ΌοΈ Photo + Travel - μ•„λ¦„λ‹€μš΄ 사진 λͺ…μ†Œ, μΆ”μ–΅ 곡유 μ‚¬μ΄νŠΈ

πŸ§‘πŸ»β€πŸ’»Β νŒ€μ› πŸ‘©πŸ»β€πŸ’»


koreamarin

mkwwd
λ₯˜μ§€μ› 쑰자영

1️⃣ κ°œμš”

πŸ’‘ 각 μ§€μ—­μ˜ 사진λͺ…μ†Œ 정보 제곡 및 정보 곡유λ₯Ό λͺ©μ μœΌλ‘œ 관광지 μ†Œκ°œ 및 이미지, μœ„μΉ˜, 리뷰, μΆ”μ–΅κ³΅μœ  κΈ°λŠ₯ 등을 μ œκ³΅ν•œλ‹€.

2️⃣ 기술/ν™˜κ²½

FrontEnd

BackEnd

DataBase

API

Tools



3️⃣ ν”„λ‘œμ νŠΈ κΈ°κ°„

πŸ“† 2023λ…„ 11μ›” 16일 ~ 2023λ…„ 11μ›” 23일

4️⃣ νŒ€μ› 및 μ—­ν• 

이름 μ—­ν•  κ΅¬ν˜„ κΈ°λŠ₯
λ₯˜μ§€μ› νŒ€μž₯ DB μ „λ°˜ 및 BackEnd μ „λ°˜
FrontEnd (아이디, λΉ„λ°€λ²ˆν˜Έ μ°ΎκΈ°)
쑰자영 νŒ€μ› λ””μžμΈ 및 FrontEnd μ „λ°˜

5️⃣ 섀계 μ‚°μΆœλ¬Ό


Use Case πŸ”—Link


Mockup Page πŸ”—Link



6️⃣ μ£Όμš”κΈ°λŠ₯



7️⃣ ν™”λ©΄ ꡬ성

πŸ› οΈ 메인 πŸ› οΈ

🌟 메인 νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. 감성을 μžκ·Ήν•˜λŠ” 사진 및 문ꡬ와 μ‚¬μš©μžλ“€μ΄ κ³΅μœ ν•œ 사진 및 정보λ₯Ό λ³΄μ—¬μ£ΌλŠ” νŽ˜μ΄μ§€λ‘œ κ΅¬μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

✏️ MemoryνŽ˜μ΄μ§€μ— λ“±λ‘λœ 사진 쀑 μ‘°νšŒμˆ˜κ°€ 높은 6개의 사진을 λ³΄μ—¬μ€λ‹ˆλ‹€.
✏️ 사진을 λˆ„λ₯΄λ©΄ 사진 λ’·λ©΄μ—μ„œ κ°„λž΅ν•œ 정보λ₯Ό λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ 사진 λ’·λ©΄ 였λ₯Έμͺ½ ν•˜λ‹¨μ˜ 더보기 λ²„νŠΌμ„ 눌러 ν•΄λ‹Ή μ‚¬μ§„μ˜ μƒμ„ΈνŽ˜μ΄μ§€λ‘œ 이동이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

πŸ› οΈ νšŒμ›κ΄€λ¦¬ πŸ› οΈ

πŸ”’ 둜그인

🌟 둜그인 νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. 아이디, λΉ„λ°€λ²ˆν˜Έ μž…λ ₯λž€κ³Ό 아이디/λΉ„λ°€λ²ˆν˜Έ μ°ΎκΈ°, νšŒμ›κ°€μž… 링크둜 κ΅¬μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.


πŸ”‘ 아이디 μ°ΎκΈ°

🌟 아이디 μ°ΎκΈ° νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

✏️ νšŒμ›μ˜ 이름과 이메일을 μž…λ ₯ν•˜λ©΄ 아이디λ₯Ό 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ”‘ λΉ„λ°€λ²ˆν˜Έ μ°ΎκΈ°

🌟 λΉ„λ°€λ²ˆν˜Έ μ°ΎκΈ° νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

✏️ νšŒμ›μ˜ 아이디와 이메일을 μž…λ ₯ν•˜λ©΄ λΉ„λ°€λ²ˆν˜Έλ₯Ό μ΄λ©”μΌλ‘œ λ°œμ†‘ν•˜μ—¬ μ€λ‹ˆλ‹€.

πŸ”’ νšŒμ›κ°€μž…

🌟 νšŒμ›κ°€μž… νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - νšŒμ›κ°€μž…

✏️ μ•„μ΄λ””μ˜ μœ νš¨μ„± 검사, 쀑볡여뢀λ₯Ό μ²΄ν¬ν•©λ‹ˆλ‹€.
✏️ λΉ„λ°€λ²ˆν˜Έμ˜ μœ νš¨μ„± 검사, λΉ„λ°€λ²ˆν˜Έ 확인을 ν†΅ν•œ 이쀑 체크λ₯Ό ν•©λ‹ˆλ‹€.
✏️ μ •ν™•ν•œ μ£Όμ†Œ μž…λ ₯을 μœ„ν•΄ Kakao MapJs Apiλ₯Ό μ΄μš©ν•˜μ—¬ λ„λ‘œλͺ…μ£Όμ†Œλ‚˜ μ§€λ²ˆμ£Όμ†Œλ₯Ό 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ μ£Όμ†Œλ₯Ό λˆ„λ₯΄λ©΄ 우편번호, λ„λ‘œλͺ…μ£Όμ†Œ(μ§€λ²ˆμ£Όμ†Œ)λ₯Ό κ°€μ Έμ˜¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

😊 λ§ˆμ΄νŽ˜μ΄μ§€

🌟 λ§ˆμ΄νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. MyProfie, Bookmark, Memory둜 κ΅¬μ„±λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - Bookmark, Memory μ‚­μ œ

✏️ 이름, 번호, 이메일 λ“± κ°„λ‹¨ν•œ νšŒμ›μ •λ³΄λ₯Ό λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€..
✏️ μ—¬ν–‰ 정보 νŽ˜μ΄μ§€μ—μ„œ μž₯μ†Œλ₯Ό μ €μž₯ν•˜λ©΄ Bookmark μ˜μ—­μ—μ„œ μ €μž₯ν•œ 여행지λ₯Ό λ³Ό 수 있으며, λˆ„λ₯΄λ©΄ μƒμ„ΈνŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
✏️ MemoryνŽ˜μ΄μ§€μ—μ„œ 사진을 κ³΅μœ ν•œ 사진을 Memory μ˜μ—­μ—μ„œ λ³Ό 수 있으며, λˆ„λ₯΄λ©΄ μƒμ„ΈνŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
✏️ Bookmarkν•œ μž₯μ†Œμ™€ κ³΅μœ ν•œ MemoryλŠ” λ§ˆμ΄νŽ˜μ΄μ§€μ—μ„œ μ‚­μ œκ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ Bookmarkν•œ μž₯μ†Œμ™€ κ³΅μœ ν•œ Memoryκ°€ μ—†λ‹€λ©΄ λΉ„μ–΄μžˆλŠ” μ˜μ—­μ„ 눌러 ν•΄λ‹ΉνŽ˜μ΄μ§€λ‘œ 이동이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

😎 νšŒμ›μ •λ³΄ μˆ˜μ •

🌟 νšŒμ›μ •λ³΄μˆ˜μ • νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. νšŒμ› 상세 정보 쑰회, μˆ˜μ •, νƒˆν‡΄κ°€ κ°€λŠ₯νž™λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - ν”„λ‘œν•„ λ³€κ²½ 및 μ •λ³΄μˆ˜μ •

✏️ Myprofile의 'λ‚΄ 정보 μˆ˜μ •' λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ λΉ„λ°€λ²ˆν˜Έ 확인을 ν•˜κ³  μˆ˜μ •νŽ˜μ΄μ§€λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
✏️ ν”„λ‘œν•„ 사진 변경이 κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ 아이디와 이름을 μ œμ™Έν•œ νšŒμ› 정보λ₯Ό μˆ˜μ • ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ μƒˆλ‘œμš΄ λΉ„λ°€λ²ˆν˜Έλ₯Ό μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€..
✏️ μƒˆλ‘œμš΄ λΉ„λ°€λ²ˆν˜Έμ˜ μœ νš¨μ„± 검사, λΉ„λ°€λ²ˆν˜Έ 확인을 ν†΅ν•œ 이쀑 체크λ₯Ό ν•©λ‹ˆλ‹€.

πŸ› οΈ μ—¬ν–‰ 정보 πŸ› οΈ

✈️ μ—¬ν–‰ 정보 쑰회

🌟 μ—¬ν–‰ 정보 νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. 사진을 찍고 싢은 지역와 λŒ€μƒμ„ 검색할 수 μžˆμŠ΅λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - 지역λͺ…κ³Ό λŒ€μƒμœΌλ‘œ 검색

🌟 μ‹€ν–‰ - ν‚€μ›Œλ“œ 검색 (μŠ΅μ§€, 섭지코지)

✏️ 지역λͺ…κ³Ό λŒ€μƒμœΌλ‘œ 사진을 찍으러 κ°€κ³  싢은 곳을 검색 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ 지역λͺ…κ³Ό λŒ€μƒμœΌλ‘œ 검색이 μ•ˆλ˜κ±°λ‚˜ νŠΉμ • μž₯μ†Œλ₯Ό κ²€μƒ‰ν•˜κ³  μ‹Άλ‹€λ©΄ ν‚€μ›Œλ“œλ‘œλ„ κ°€λŠ₯ν•¨λ‹ˆλ‹€.
✏️ ν•˜λ‹¨μ— ν•΄λ‹Ήν•˜λŠ” 사진 λͺ…μ†Œ λ¦¬μŠ€νŠΈκ°€ ν•˜λ‹¨μ— λ‚˜νƒ€λ‚˜λ©°, ν•΄λ‹Ή μ—¬ν–‰μ§€μ˜ μœ„μΉ˜κ°€ 지도에 λ‚˜νƒ€λ‚©λ‹ˆλ‹€.
✏️ 사진에 마우슀λ₯Ό hoverν•˜λ©΄ ν•΄λ‹Ή μ—¬ν–‰μ§€μ˜ μœ„μΉ˜λ‘œ 지도가 움직이며 κ°„λž΅ν•œ 정보λ₯Ό λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ 였λ₯Έμͺ½ ν•˜λ‹¨μ˜ 'μžμ„Ένžˆ'λ₯Ό λˆ„λ₯΄λ©΄ μƒμ„ΈνŽ˜μ΄μ§€λ‘œ 이동이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

🏞️ 여행지 μƒμ„ΈνŽ˜μ΄μ§€

🌟 μ—¬ν–‰ 정보 μƒμ„ΈνŽ˜μ΄μ§€μž…λ‹ˆλ‹€. 여행지λͺ…, 여행지 정보, μœ„μΉ˜ 정보 등을 쑰회 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

🌟 ν•΄λ‹Ή μ—¬ν–‰μ§€μ˜ 곡유된 Memoryκ°€ μ—†λŠ” 경우

🌟 μ‹€ν–‰ - λ¦¬λ·°μž‘μ„±, μž₯μ†Œ 담아두기

✏️ λ”°λΌλ‹€λ‹ˆλŠ” μ‚¬μ΄λ“œλ°”λ₯Ό 눌러 μ›ν•˜λŠ” μœ„μΉ˜λ‘œ λ°”λ‘œ 이동이 κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ λ‹€λ₯Έ μ‚¬μš©μžκ°€ 이 μ—¬ν–‰μ§€μ—μ„œ 찍은 사진이 μžˆλ‹€λ©΄ Memory μ˜μ—­μ—μ„œ 사진을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ 사진이 μ—†λ‹€λ©΄ Memory μ˜μ—­μ„ 눌러 MemoryνŽ˜μ΄μ§€λ‘œ 이동이 κ°€λŠ₯νž™λ‹ˆλ‹€.
✏️ 여행지에 λŒ€ν•œ λ¦¬λ·°μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ©° λ‚΄κ°€ μ“΄ 리뷰만 μ‚­μ œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ μ‚¬μ΄λ“œλ°”μ˜ 'μž₯μ†Œ 담아두기'λ₯Ό λˆ„λ₯΄λ©΄ ν•΄λ‹Ή 여행지λ₯Ό λΆλ§ˆν¬μ— μΆ”κ°€ν•  수 있으며 λ§ˆμ΄νŽ˜μ΄μ§€μ—μ„œ 확인이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

πŸ› οΈ Memory πŸ› οΈ

πŸ“· Memory 곡유

🌟 Memory νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. μ‚¬μš©μžλ“€μ΄ 여행지에 κ°€μ„œ 찍은 사진을 κ³΅μœ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

✏️ Best Photoμ—μ„œ μ‘°νšŒμˆ˜κ°€ 높은 μƒμœ„ 10개의 Memoryλ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.
✏️ PhotoBookμ—λŠ” μ‚¬μš©μžλ“€μ΄ κ³΅μœ ν•œ Memoryλ₯Ό λͺ¨λ‘ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
✏️ ν΄λΌλ‘œμ΄λ“œλ₯Ό λˆ„λ₯΄λ©΄ 뒷면을 λ³Ό 수 있으며, 사진에 κ΄€ν•œ 정보가 μ ν˜€μžˆμŠ΅λ‹ˆλ‹€.

βœ’οΈ Memory μž‘μ„±

🌟 Memoryλ₯Ό μž‘μ„±ν•˜λŠ” νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.
🌟 PhotoBook의 κ°€μž₯ λ§ˆμ§€λ§‰μ— λΉ„μ–΄μžˆλŠ” ν΄λΌλ‘œμ΄λ“œλ₯Ό λˆ„λ₯΄κ±°λ‚˜ μ‚¬μ΄λ“œλ°”μ˜ λ“±λ‘ν•˜κΈ°λ₯Ό ν΄λ¦­ν•˜λ©΄ Memoryλ₯Ό κ³΅μœ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

🌟 둜그인 μ „/ 둜그인 ν›„ λ§ˆμ§€λ§‰ ν΄λΌλ‘œμ΄λ“œλ³€ν™”

✏️ 둜그인 ν›„ λ§ˆμ§€λ§‰ ν΄λΌλ‘œμ΄λ“œμ˜ 이름이 μ•„μ΄λ””λ‘œ λ³€κ²½λ˜λ©΄ 등둝이 κ°€λŠ₯ν•œ μƒνƒœκ°€ λ©λ‹ˆλ‹€.
✏️ μž‘μ„±μž 이름을 μž…λ ₯ν•  수 있게 두어 읡λͺ…μœΌλ‘œλ„ 등둝이 κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ μž₯μ†Œλ₯Ό μž…λ ₯ν•˜λ©΄ Kakao Map apiλ₯Ό μ΄μš©ν•œ 검색이 μ‹€ν–‰λ˜μ–΄ μž₯μ†Œμ˜ μœ„μΉ˜κ°€ Map상에 ν‘œμ‹œλ˜λ©° λ“±λ‘μ‹œ μœ„μΉ˜κ°€ μ €μž₯λ©λ‹ˆλ‹€.
✏️ μ‚¬μš©μžκ°€ κ³΅μœ ν•˜κ³ μ‹Άμ€ ν•΄λ‹Ή μž₯μ†Œμ˜ 사진과, λ‚ μ§œ ν•œμ€„ν‰μ„ μž…λ ₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

πŸŒ… Memory μƒμ„ΈνŽ˜μ΄μ§€

🌟 Memory μƒμ„Έμ‘°νšŒ νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. ν΄λΌλ‘œμ΄λ“œ λ’·λ©΄μ˜ '더보기'λ₯Ό λˆ„λ₯΄λ©΄ 이동이 κ°€λŠ₯νž™λ‹ˆλ‹€.

✏️ 곡유된 Memory의 사진, μœ„μΉ˜ λ“± μžμ„Έν•œ 정보λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.
✏️ 같은 μž₯μ†Œμ—μ„œ 곡유된 λ‹€λ₯Έ μ‚¬λžŒλ“€μ˜ Memory도 λ³Ό 수 있고 λ‹€λ₯Έ Memory μƒμ„Έμ‘°νšŒλ„ κ°€λŠ₯ν•©λ‹ˆλ‹€.

πŸ› οΈ κ²Œμ‹œνŒ πŸ› οΈ

πŸ“Œ 곡지사항 κ²Œμ‹œνŒ

🌟 곡지사항 κ²Œμ‹œνŒ νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - κ³΅μ§€μ‘°νšŒ, μž‘μ„±, μˆ˜μ •, μ‚­μ œ ( κ΄€λ¦¬μž 계정 )

🌟 μ‹€ν–‰ - 검색

✏️ 곡지사항 μ‘°νšŒλŠ” λˆ„κ΅¬λ‚˜ ν•  수 μžˆμœΌλ‚˜ 곡지사항 κ²Œμ‹œνŒ μž‘μ„±, μˆ˜μ •, μ‚­μ œλŠ” κ΄€λ¦¬μžλ§Œ κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ 찾고자 ν•˜λŠ” κ³΅μ§€κΈ€μ˜ κΈ€λ²ˆν˜Έ, 제λͺ©, μž‘μ„±μž μ•„μ΄λ””λ‘œ 검색이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

❓ QnA κ²Œμ‹œνŒ

🌟 QnA κ²Œμ‹œνŒ νŽ˜μ΄μ§€μž…λ‹ˆλ‹€.

🌟 μ‹€ν–‰ - 질문 쑰회, μž‘μ„±, μˆ˜μ •, μ‚­μ œ, 검색 ( νšŒμ› 계정 )

🌟 μ‹€ν–‰ - λ‹΅λ³€ 등둝, μ‚­μ œ ( κ΄€λ¦¬μž 계정 )

✏️ 일반 νšŒμ›μ΄λΌλ©΄ 쑰회 및 μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ©° 본인 글인 경우 μˆ˜μ •, μ‚­μ œλ„ κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ μž‘μ„±μžμ˜ μ•„μ΄λ””λŠ” 일뢀 *μ²˜λ¦¬κ°€ λ˜μ–΄ μž‘μ„±μžμ˜ 아이디가 μΌλΆ€λ§Œ 보이도둝 ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
✏️ 찾고자 ν•˜λŠ” κΈ€μ˜ κΈ€λ²ˆν˜Έ, 제λͺ©, μž‘μ„±μž μ•„μ΄λ””λ‘œ 검색이 κ°€λŠ₯ν•©λ‹ˆλ‹€.
✏️ QnA글에 닡변을 남길 수 있으며, 닡글은 κ΄€λ¦¬μžλ§Œ κ°€λŠ₯ν•©λ‹ˆλ‹€.

poravel's People

Contributors

mkwwd avatar koreamarin avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.