chimera

기술 스택

• React
• Next.js
• CSS Module
• Storybook
• zustand
• ...

링크

http://localhost:3000

로컬 실행 방법

npm run dev

구현 요소

component 형태로 직접 구현하거나, customize 가 용이하고 보편적으로 사용되는 라이브러리를 찾아 wrapper 를 구현

• 레이아웃 : Header, Footer, Bottom Navigation, Floating Button, Modal, Toast Message, Tool-tip, Hamburger Menu, Bottom Sheet, ...

• UI 요소 : Typography, Icon, Button, Input, Select, Radio, Checkbox, ...

• 자주 쓰이는 UI : Carousel, Faq, Skeleton Loading, Infinite Scroll, Form Interaction, Search Bar, ...

• 유틸 : Date Format, Scroll, ...

• 스타일 : Responsive Design, Dark Mode, ...

• Web API : Speech Recognize, Geolocation, ...

• 외부 API : Oauth, Map, ...

• 서버 : ...

• 배포 : AWS Deploy, Github Actions, ...

• 기타 : SEO, Data Tracking, Error Tracking, Test, Design System, ...