URL
https://natsucoder.com/sample1
Github
https://github.com/natsu-webcoder/sample1
制作期間
20時間
サイトの説明
農園の仮想サイトです。Figmaカンプよりコーディング（タブレット・SP版よしなに対応）を行いました。
実装ポイント
- 製品一覧カードが無限スライドするように実装（Swiper.js)
- 画面から外れたらスライドを停止、画面に入ったら再開するように実装（Intersection Observer API)
- 製品カードをクリックしたらスライドが止まるように実装
- ローディング画面を実装（ProgressBar.js)
- アコーディオンの実装
