/ch-interior-consultant

devChallenges リポジトリ（出典：[devChallenge(legacy) - Responsive Web Developer - Interior Consultant](https://legacy.devchallenges.io/challenges/Jymh2b2FyebRTUljkNcb)

Primary LanguageCSS

Interior Consultant

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

Overview

Desktop

overview - desktop

Mobile

overview - mobile

overview - mobile menu

Built With

Base

Other major libraries

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

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/h-yoshikawa44/ch-interior-consultant.git
or
git clone git@github.com:h-yoshikawa44/ch-interior-consultant.git

# Install dependencies
npm install

# Run the Vite
npm run dev

learned/improved

  • basic usage of Vite.
  • Using Vite and the VSCode extension Autoprefixer together causes conflicts and hot reloading problems.
  • How to animate underline on hover.

Acknowledgements

Contact