Calit 프로젝트 개발 일지 -8 (프로젝트 소개 및 후기)

이영욱·2023년 12월 3일

Calit 개발 일지

목록 보기
8/8
post-thumbnail

세상에서 가장 쉬운 애자일 협업툴 Calit!
깃허브 링크
배포 링크

Calit 개요

Calit 프로젝트는 프론트엔드 개발자 3명이서 기획 / 디자인 / 백엔드 / 프론트엔드 4 분야를
6주의 기간동안 진행하였습니다. (2023/10/10 ~ 2023/11/17)

각 분야에 모두 다 참여하여 최대한 유기적으로 회의 및 개발을 진행하였으며
firebase의 onSnapshot 기능을 주로 이용하여 실시간으로 작업 상황을 공유할 수 있는 협업툴을 만들었습니다.

6주의 기간동안 힘들어도 끝까지 진행하여 좋은 프로젝트를 만들어 나간 팀원 분들께 감사의 말씀 드립니다.

Calit 유저 플로우

image

Calit 기능 소개

1. 로그인 페이지

  • firebase 구글 연동 로그인

로그인 페이지

2. 프로젝트 리스트 페이지

  • 프로젝트 CRUD (이미지 및 제목 변경)
    • 프로젝트 정보 변경시 실시간 반영
  • 초대받은 프로젝트의 링크를 입력해 프로젝트 입장 가능 (주소창 입력 가능)

프로젝트 리스트 페이지

3. 프로젝트 메인 페이지 헤더

  • 프로젝트 멤버 / 북마크 / 프로필 모달
    • 멤버 모달 : 프로젝트 인원 초대 및 내보내기 기능
    • 북마크 모달 : 주로 사용하는 링크를 공유 (깃허브, 피그마 등)
    • 프로필 : 이름 및 프로필 이미지, 자기 소개 편집 및 로그아웃

헤더 기능 보여주기

4. 프로젝트 메인 페이지 캘린더 모달

  • 드래그를 통한 칸반 생성 및 RUD 실시간 반영
    • 달력내 칸반은 드래그로 일정 변경 및 색상 변경 가능
  • 삭제한 칸반 복구 가능
  • 최근 접속한 칸반은 사이드바에 표시

캘린더 모달 내 칸반 생성 및 드래그
캘린더 모달 내 칸반 삭제

5. 프로젝트 메인 페이지 칸반 모달

  • 칸반 내 스테이지 및 투두 CRUD 및 드래그 실시간 반영
    • 제목 및 담당자 편집

칸반모달 기능 보여주기

6. 프로젝트 메인 페이지 투두 모달

  • 투두 RUD 및 투두 내 업데이트 CRUD 실시간 반영
    • 제목, 담당자, 태그, 설명 편집

투두모달 기능 보여주기

ERD

image

Data Modeling

image

Contributors

avatar avatar avatar
이영욱 고솔미 남현준

후기의 후기

Calit 프로젝트를 마무리 한 뒤 다시 부트캠프 내에서 2주간 프로젝트를 진행하게 되어 바로 후기를 적지 못한게 좀 아쉬웠습니다. 그때의 생생했던 기억들이 조금은 휘발된 것 같네요.

6주간 팀원분들과 함께 하나의 목표를 바라보면서 다양한 시행착오를 거쳤고,
그 과정속에서 정말 많은것들을 배울 수 있었습니다. 코드리뷰 또한 매번 확실하게 진행하면서 코드를 보는 눈도 더 좋아진 것 같네요.

기획 - 디자인 - 개발 - 컨펌 - 배포 라는 한 사이클을 돌면서 많은 경험을 했고 앞으로도 계속 개발을 하면서 지금의 경험을 토대로 더 좋은 개발이라는 경험을 지속하고 싶습니다.

마지막으로, 6주간 고된 일정임에도 불구하고 같이 힘이 되어준 팀원분들께 다시 한번 감사의 말씀 드립니다.

profile
다양한 경험을 통해 성장하는 개발자, 이영욱 입니다.

0개의 댓글