24시간 카페 정보 및 실시간 자리 현황 공유 서비스

CAFE 114

팀장 : 김해준 (백엔드)

이영민 (클라이언트)

팀원 : 김조은 (클라이언트)

Cafe114가 제공하는 서비스

• 서울 지역의 24시간 운영하는 카페의 정보를 한눈에 파악 하기

• 카페의 자리 현황을 사용자들끼리 실시간으로 공유하기

• 사용자 친화적인 UI와 간편한 UX

• 카페점주의 입장에서는 카페현황을 공유함으로써 실고객 유입 효과를 기대할 수 있음

   

Cafe114의 핵심 가치

이용자가 많아질수록 가치 있는 서비스

프로젝트 개발 스택

• Typescript 
• React 
• 디자인 라이브러리 안쓰고 CSS 직접 다 만지기

클라이언트

백엔드

• Nodejs
• mysql
• socket.io

구현 완료된 기능

• 회원가입, 로그인 , 소셜 로그인 기능 (형식 체크 전부 추가)

• 카페 위치 지도 상 표기

• 카페 클릭시 디테일 페이지로 이동

• 24시간 챗봇 기능 (사용자의 24시간 카페 정보 수집)

• 카페 별 실시간 채팅 기능 (사용자끼리 실시간 자리 공유 가능)

   

구현 중인 기능

• 검색 기능 (우선순위에서 밀림)
• 필터 기능 (우선순위에서 밀림)
• 새로운 글 발생 시 지도에 실시간 노티
• 채팅에 이미지 첨부 기능

지도 기본 기능

회원가입 (정규식 전부 넣음)

일반 로그인

소셜 로그인

24시간 카페 제보(챗봇)

카페 별 정보 확인

실시간 채팅 기능

우리가 겪은 큰 시련과 고난들

• CSS 만지느라 코드 몇 천줄은 기본..손가락 골절각
• 카카오맵 쓰다가 3일 전에 구글맵으로 싹 바꾸기ㅎ
• 초반 설계 때 클라이언트와 백엔드간 소통 부재가 가져다준 문제
• 하다보니 서비스 사이즈가 커졌는데, 리덕스 안 써서 헬파티

느낀점

• 초반 설계의 중요성
  • 특히 프론트-백엔드 간 상호 설계
• 소통의 중요성
  • 협업은 소통이다!
  • 좋은 동료를 만나는 것이야 말로 인생에서 가장 큰 행복
  • 프로젝트 !== 과유 불급 
• 사용자 중심의 UX 설계의 중요성
  • 엔지니어이자 사용자의 입장을 객관적으로 유지하기 위해 아이디어 피드백 진행
• Redux든 뭐든 꼭 쓰자^^
• 갓 구글

뭣이 중한디?

• 수많은 아이디어들 중에서 필요한 것들만 찾아내고 개발하는 능력

• 백엔드-클라이언트 간 끊임없는 소통