Project

• Wecode 6기 졸업생들의 토이 프로젝트
• 프론트엔드와 백엔드 중에 당신에 성향에 맞는 포지션이 무엇인지 알아보는 테스트 사이트

---

개발 인원 및 기간

• 개발기간 : 2020/4/20 ~ 2020/4/28
• 개발 인원 : Front-End 4명, Back-End 3명

---

데모 영상(이미지 클릭)

---

적용 기술

• Front-End : React.js, Redux, Styled Component
• Back-End : Python, Django
• Common : AWS, Google Analytics

---

구현 기능

COMMON

• 프로젝트 기획 및 디자인
• 모바일, 태블릿 사이즈 반응형 구현
• 리덕스 사용하여 전역 상태 관리
• Open Graph 적용
• Google Analytics 적용

Intro & Loading

• React-typing-animation 사용하여 Typing 효과 구현
• figlet 사용하여 ASCII Art 구현
• setInterval 사용하여 progress bar 구현

Main & Contributors

• setInterval 사용하여 nav bar 시계 구현
• contributor에서 클릭 시, 개인 프로필 모달 구현

Question

• React-typing-animation 사용하여 Typing 효과 구현
• TEST에서 선택되는 선택지에 따라 성향 및 타입분류

Result

• 유형 결과에 따른 full, front, back 결과 체크