Simtime

친구들이 알아서 모이는 약속잡기 프로젝트. 함께하면 더 즐거운 시간 👉 SimTime(https://simti.me) 👈에서 공유해요!

• 지원 브라우저 : Chrome
• Test Account : [ ara | test1234 ] , [ park | test1234 ]

이번주 금요일.. 나만 약속없어..? 😢 예상치 못한 칼퇴! 이대로 그냥 집에 못가! 🍺

여의도 출장 잡혔습니다. 같이 점심 드실 분?:curry: 답답해.. hoxy.. 주말에 바다보러 같이 갈 사람있나? :bus:

뭐?! 그때 거기 있었다고?! 야 ㄴr두! 그때 알았으면 우리 만날 수 있었는데..!! 🙅

아직도 메신저 친구 목록보면서 고민하세요? 심탐이로 공유하세요!

혹시 알아요? '언제 밥 한번 먹자'의 그 언제가 오늘 저녁이 될 지?!

기술 스택

FrontEnd

• React with JavaScript(styled-components)
• Web Server: Nginx
• State management: Redux
• etc: webpack, Atomic Design

BackEnd

• Django with Python
• DB : PostgreSQL (AWS RDS)
• etc: DRF(djangorestframework), jwt

ETC

• Git, Figma

Architecture

기능상세

Accounts

• Register / Login / 회원정보 수정 (JWT 인증)

Calendar

날짜 이동 및 달력 화면 라이브러리 미사용하여 구현(calendar.js)
Filter - 좋아요 / 참석여부

☝️ Click! -Clendar 페이지 영상보기

이벤트(event)

• 추가/삭제/수정
• Modal(custum hook, context 사용), 지도 API, Date Picker 구현(라이브러리 미사용), 시간입력 등, 사진 파일 업로드 등
• 초대장 보내기 - 친구의 달력에 나의 이벤트를 보여줌

☝️ Click! -Event 추가 영상보기

☝️ Click! -Event 수정 영상보기

Friends

친구등록/관리

• 친구목록
• 친구추가/삭제 - 친구검색 / 그룹에 추가
• 수신거부 - 친구의 초대장 받지 않기

그룹등록/관리

• 그룹목록
• 그룹추가
• 멤버관리 - 멤버 추가(검색) , 멤버삭제

☝️ Click! -Friend 페이지 영상보기

What's Next?

카카오 API 활용 - 작업중

- 로그인  
- 친구 목록 불러오기  
- 메세지 보내기  

반응형 - 작업중

• 모바일 버전 완성하기

최적화 & 리팩토링

• 버전별로 흩어진 코드 리팩토링 필요
  • components -> AtomicComponents -> AtomicComponentsVer2 순으로 진화
• code splitting

태그 기능