Solution for a challenge from Devchallenges.io.
Base
- HTML
- CSS
- JavaScript
- Node.js:18.17.1
- Vite:4.4.9
Other major libraries
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
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
- basic usage of Vite.
- Using Vite and the VSCode extension Autoprefixer together causes conflicts and hot reloading problems.
- How to animate underline on hover.
- jQueryからTypeScript・Reactまで!Viteで始めるモダンで高速な開発環境構築
- Webエンジニア(コーダー)向けVite環境の紹介【初心者向け解説】
- CSS:ホバー時のアンダーラインアニメーションの実装サンプルとmixinを用いた実装方法
- GitHub Actionsのworkflow_runイベントでテストを回すときの要点
- Website:h-yoshikawa44.com
- GitHub:@h-yoshikawa44
- Twitter:@yoshi44_lion