🐝 Beepro

진행 중인 프로젝트 정보를 관리할 수 있는 웹 애플리케이션입니다.

🔗 DEMO Site : https://beepro-react.netlify.app/

⚙️ 기술 스택

• FRONT END

   

• BACK END

• ETC

🖥 주요 기능

• 소셜 로그인

  • Firebase의 Auth 기능을 활용해서 Google, Github 계정으로 로그인할 수 있습니다.

  • 로그인 즉시 해당 계정의 정보를 받아와 프로필 이미지와 이름이 출력됩니다.

    화면 보기

    

• 프로젝트 관리(CRUD)

  • 진행 중인 프로젝트를 하나의 카드로 만들어 관리할 수 있습니다. (로그인 계정 별)

    화면 보기

    

  • Update 기능의 경우 처음 생성한 카드의 정보를 실시간으로 변경하고 저장시킬 수 있습니다.

    화면 보기

    

• Database

  • 별도의 백엔드 서버 구축 없이 Firebase의 Real Time Database를 사용해서 실시간으로 정보를 반영 및 저장할 수 있습니다.

    화면 보기

    

실행 방법

• clone 후 yarn/yarn start

$ yarn 
$ yarn start