Skip to content

팀4 smsw 해커톤 웹 개발

Notifications You must be signed in to change notification settings

2093ab/smswh_team4

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

[팀4] SMSWH 2021 기획서

팀명<4팀-MySoMe>

  • 구성원

    백승효(2013314) - 팀장

    길수민(2111618)

🔹산출물 주소

mySoMe

https://2093ab.github.io/smswh_team4/

https://2093ab.github.io/smswh_team4/

🔹분야

🔶서비스 개요


비슷한 혹은 정반대의 숙명을 살고 있는 사람과의 커뮤니티를 활성화하여 관심사에 따른 서로의 일상을 공유할 수 있는 웹

주요 기능으로는 태그를 활용한 피드 기능/검색 기능/관심분야 활용 기능이 포함되어 있다.

🔶서비스 목적


커뮤니티에서 나와 맞지 않는 사람을 만나게 되는 경우가 많은데 이를 방지하고 나와 관심사가 비슷한 분야의 사람들과 만날 수 있도록 개발하였다. 그리고 관심분야의 정보를 얻을 수 있는 커뮤니티를 활성화하려고 했다. 나의 관심사에 맞는 글들을 읽고 나의 숙명 뿐만 아니라 다른 사람의 숙명까지 살펴볼 수 있다.

🔶핵심 기술 및 주요 기능


  • 나의 관심사 알아보기
  • 커뮤니티 활성화
  • 내 관심사와 연관된 다른사람 피드 보기
  • 관심분야의 태그로만 이루어진 피드 보기
  • 태그 검색 기능으로 필요한 정보 검색
  • 피드에 태그와 함께 글을 작성하여 업로드
  • 본인이 작성한 글 수정/삭제 기능
  • Menu바를 이용한 직관적으로 메뉴 변경 기능
  • 본인과 관련된 태그 버튼으로 관련된 글 목록 검색
  • React와 Firebase의 Firestore를 활용한 데이터 실시간 업로드와 확인 기능
  • Firebase Auth를 이용한 계정 관리(로그인/회원가입)

🔶기대 효과


  • 비슷한 숙명을 살고 있는 사람의 일상을 구경할 수 있다.
  • 다른 사람들이 적은 글 중 나의 관심사에 맞는 글들을 찾아볼 수 있다.
  • 나에 대해 더 깊이 있게 알아볼 수 있는 기회, 즉 나의 숙명을 개척해 나갈 수 있다
  • 관심사와 관련된 최신 정보를 빠르게 얻을 수 있다.
  • 본인과 비슷한 사람 또는 정반대 성향의 사람 등 다양한 사람들을 만날 수 있다.

🔶페이지 구성(시나리오)


  1. 로그인 창 (로그아웃 상태)

    이미 회원가입을 하여 계정이 있는 경우 이메일과 비밀번호를 통해 로그인할 수 있다.

  2. 회원 가입 창

    회원가입이 완료된 이후 로그인 상태로 메인화면으로 넘어간다.

  3. 검색 창

    태그를 검색하여 나의 관심사에 맞는 글을 찾을 수 있다.

  4. 로그인 이후 커뮤니티 창(메인)

    Profile, Feed, Search, Home으로 이루어진 메뉴바에서 원하는 메뉴를 선택할 수 있다.

  5. 글 올리기 창

    태그와 함께 글을 올려 나의 관심사를 표출할 수 있다. 수정 및 삭제가 가능하다.

  6. 나의 프로필 창

    이메일과 함께 나의 태그를 보여준다. 태그를 누르면 그 태그와 연관있는 글을 찾아준다.

  7. 나의 성향을 알아볼 수 있는 창

    여러 항목 중 나의 관심사에 맞는 항목을 골라 나의 성향에 맞는 태그를 얻을 수 있다.

<프로토타입>

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FcxjBH6nOuj210djxEGppCb%2FmySoMe%3Fnode-id%3D0%253A1

<시연영상>

https://youtu.be/LIzPNgIkjU0

About

팀4 smsw 해커톤 웹 개발

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.6%
  • SCSS 13.4%
  • HTML 6.8%
  • CSS 1.2%