Skip to content
@WhatDoYouSing

WhatDoYouSing

WhatDoYouSing

이화여대 멋쟁이 사자처럼 11기 졸업 프로젝트 3팀

🎶프로젝트 소개

당신은 지금 어떤 이야기를 노래하나요?
나만의 해석을 덧붙인 가사 탐색 서비스 '왓두유씽?'

#음악 #노래 #가사 #인용 #공유 #탐색 #해석 #감정 #이야기

🌟주요UI

✅로그인 과정

  • 자체 회원가입과 로그인, 카카오 회원가입과 로그인이 가능해요.
  • 🐔헨리, 😺체리, 🐶루크, 🐴둥이 4종의 프로필 선택이 가능해요.

✅홈, 검색, 추천, 마이페이지

  • 홈 탭에서는 좋아요를 많이 받은 가사, 댓글이 많이 달린 가사, 가장 최근에 올라온 가사가 무엇인지 확인할 수 있어요.
  • 검색 탭에서는 가사를 직접 입력하거나, 가사에 감정을 선택하는 방식으로 가사를 검색할 수 있어요.
  • 추천 탭에서는 다양한 가사를 랜덤으로 스크롤하며 탐색할 수 있어요.
  • 마이페이지 탭에서는 내 활동과 회원정보를 확인할 수 있어요.

✅검색결과, 가사 상세페이지

  • 검색결과 페이지에서는 입력한 검색어나 감정에 해당하는 가사 목록을 확인할 수 있어요.
  • 가사 상세페이지에서는 사용자가 입력한 가사, 해석, 감정, 출처를 확인할 수 있어요. 또, 아래와 같은 기능도 이용할 수 있어요!
    • 💓 자신이 느낀 감정을 투표로 등록하기
    • ✏️ 댓글에서 감상 나누기
    • 🔗 공유 버튼을 눌러 본문을 이미지로 저장하기
    • 🔖 저장 버튼을 눌러 마이페이지에 저장하기

💻 개발 기간

2023.11.02~ 기획디자인
2023.11.16~ 개발

팀원 소개

🤩 기획 디자인

이지민 이채원
기획·브랜딩
모바일 디자인
프로토타이핑
감정 아이콘 디자인
영문 워드마크 디자인
기획·브랜딩
모바일 디자인
PC 디자인
부가 아이콘 디자인
국문 워드마크 디자인

🧙‍♂️ 프론트엔드 개발

변지혜 최지원
로그인 & 회원가입
마이페이지
메인페이지
탐색 페이지
게시글 작성
가사 상세페이지
검색 결과페이지
내활동 페이지

👩🏻‍🔧 백엔드 개발

김지은 박나담 윤서아
로그인 & 회원가입
소셜 로그인
마이페이지
게시글 스크랩
메인 페이지
게시글 검색 & 필터링
게시글 정렬
게시글 신고
게시글 작성 & 삭제
감정등록 & 좋아요
댓글 & 답댓글
레벨 시스템

🛠️ 사용 스택

Environment

Development



🗂️ 폴더 구조

📂 public
⎪   └─  favicon.ico
⎪   └─  index.html
📂 src
├─ 📂 apis
├─ 📂 assets
⎪  ⎪   └─ 📂 data
⎪  ⎪   └─ 📂 recoil     
├─ 📂 components
⎪  ⎪   └─ 📂 _common                    
├─ 📂 hooks
├─ 📂 images
├─ 📂 pages
⎪  ⎪   └─ 📂 UserInfo
⎪  ⎪   └─  Detailpage.jsx
⎪  ⎪   └─  ImgSavepage.jsx
⎪  ⎪   └─  Mainpage.jsx
⎪  ⎪   └─  Postpage.jsx
⎪  ⎪   └─  Detailpage.jsx
⎪  ⎪   └─  RecommendPage.jsx
⎪  ⎪   └─  Resultpage.jsx
⎪  ⎪   └─  RecordedPage.jsx 
⎪  ⎪   └─  Searchpage.jsx
⎪  ⎪   └─  Mypage.jsx       
⎪  📂 statics 
⎪  ⎪   └─ 📂 fonts
⎪  ⎪   └─ 📂 styles          
⎪  ⎪   ⎪   └─ GlobalStyle.js
├─   App.js
└─   index.css                
└─   index.js
├─ .gitignore
├─ package.json
├─ README.md

Popular repositories Loading

  1. WhatDoYouSing-Front WhatDoYouSing-Front Public

    HTML 2

  2. WhatDoYouSing-Back WhatDoYouSing-Back Public

    Python 3

  3. .github .github Public

  4. WDYS-Cocktail WDYS-Cocktail Public

    JavaScript

  5. WhatDoYouSing-App WhatDoYouSing-App Public

    TypeScript

  6. WhatDoYouSing-App-Back WhatDoYouSing-App-Back Public

    Python 1

Repositories

Showing 6 of 6 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…