GIPHY 리액트 클론 프로젝트입니다.

GIPHY의 성능 최적화와 웹 접근성을 준수를 통하여 사용자 경험을 향상시키는 것을 목표로 합니다.🎯

1. light house 검사 결과 낮은 점수 (Perfomance, Accessibilty)
2. 불편한 키보드 접근성
3. 시멘틱하지 않은 HTML 태그의 사용
4. 적응형 웹으로 device 최적화 되어있지 않음
5. 일관적이지 않은 UX flow
6. 불필요한 리렌더링

1. light house 검사 결과를 평균 80점으로 향상
2. 원활한 키보드 접근성 제공
3. 시멘틱한 HTML 태그를 사용
4. 반응형 웹 구현을 통한 device 최적화
5. PC와 Mobile에서 일관적인 UX flow 제공
6. 불필요한 리렌더링 개선

• React
• Redux(RTK)
• React-Router(v6)
• TypeScript
• styled-components library
• Storybook
• Webpack, Babel

• GIPHY API

• 22.01.06 ~ 22.01.28

• GIFT wiki에서 확인 할 수 있습니다.

박바름	박준규	임소형
@congaweb	@jkpark104	@sosoYim