GIFT - 지프트

🥇 개요

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

🌟 사용한 API

• GIPHY API

📆 프로젝트 기간

• 22.01.06 ~ 22.01.28

📝 프로젝트 설계 기록

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

🎓 Team

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