• 프로젝트 소개

    프로젝트와 포스팅한 글 을 볼 수 있으며 언제든 질문을 받을 수 있도록 실시간 챗봇을 구현한 포트폴리오 사이트입니다. 모바일 화면에서도 편하게 볼 수 있도록 반응형으로 제작한 개인 프로젝트입니다.

  • 프로젝트 기간

    2019.09 ~ 2019.10

  • 기술 스택

    create-react-app firebase react-transition-group reactHooks context slack WebHook API netlify styled-components

  • 내가 개발한 기능

    • Firebase Authentication 를 이용한 Google, Facebook, Github로그인 구현

    • Firebase Database 를 이용한 DB 구현

    • react-firebaseui 를 이용한 커스텀 로그인 모달 구현

    • React Transition Group 을 이용한 인터렉티브한 페이지전환 구현

    • useContext 를 이용한 상태관리

    • Slack Webhooks API 를 이용한 챗봇 채팅기능 구현

    • axios 를 이용한 GET, POST 요청

    • dotenv 라이브러리를 이용한 프로젝트 환경변수 설정

    • netlify 에 배포

    • middleware 를 사용한 Blog Post 불러오기

    • media qeury 를 이용한 반응형 사이트 구현

    • styled-reset 를 이용한 resetCSS 적용

    • emojis 라이브러리를 사용해 채팅시 이모지 선택 기능 구현