seokho-ham / korello

Trello App made by React,Kotlin

Korello App

React를 더 잘 다루기 위해 시작한 프로젝트입니다.
프론트는 React, 백엔드는 Kotlin을 사용한 2인 Trello 클론 프로젝트입니다.
현재 레파지토리는 프론트의 코드만을 가지고 있습니다.

서비스 url

https://korello.app

참여자

함석호 - Frontend

강동혁 - Backend

김기주 - Backend

개발사항(Frontend)

• React Hooks Api를 사용한 함수형 컴포넌트 제작 및 상태 관리
• React Router을 사용한 컴포넌트 구조 설계
• CRUD API요청 커스텀 훅을 만들어 재사용성을 높임
• React-Beautiful-DnD 라이브러리를 사용한 Drag&Drop 구현
• Redux를 사용하여 컴포넌트와 데이터를 분리해서 관리 및 Ducks 패턴 적용
• StyledComponent를 사용한 css 작업
• AWS EC2서버와 nginx를 사용한 배포

스택(Frontend)

언어 및 프레임워크

- Javascript, ReactHooks, Redux, StyledComponents, React Beautiful DnD, Firebase

배포

- AWS Route53, EC2, NGINX

워크플로우

Frontend

Backend

기능 (gif 추가예정)

로그인 기능(카카오로그인)

Board 추가,삭제 기능

Tag&Card 추가,수정,삭제 기능

Tag

Card

Drag & Drop 기능

Label 추가, 수정 기능

Checklist 추가, 수정, 삭제 기능

korello's Issues

React-router-dom, Life-cycle 다시 학습

Board Component 작성

• Board List 작성

• Board Form 작성

• Template List 작성

• Template Form 작성

• Card List 작성

• Card Form 작성

공통 Component 작성

• Nav 작성

User Component 만들기

• Login Form 작성
• Signin Form 작성
• Signout Form 작성

Pages 만들기

• Home.jsx 만들기
• LoginPage.jsx 만들기
• BoardPage.jsx 만들기