Interior Consultant

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
• Overview
  • Desktop
  • Mobile
  • Drawer navigation
  • Built With
• Features
• learned/improved
• Acknowledgements
• Contact

Overview

Desktop

Mobile

Drawer navigation

Built With

• HTML: HyperText Markup Language | MDN
• CSS: カスケーディングスタイルシート | MDN
• Node.js: 18.7.0
• Vite | 次世代フロントエンドツール: 3.0.7

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

• User story: I can see a page following the given design

• User story: On mobile, I can see a collapsed navigation

• User story: On mobile, when I select the hamburger menu, I can see a navigation

learned/improved

• Underline animation method on hover
• How to implement a drawer menu
• Animation of hamburger menu

Acknowledgements

• CSS：ホバー時のアンダーラインアニメーションの実装サンプルとmixinを用いた実装方法 - NxWorld

Contact

• GitHub @r1cep