Luana

これは母が個人で営む美容室の公式ウェブサイトです。

サイトリンク

https://luana-s-miruto.netlify.app/

使用技術一覧

目次

1. プロジェクトについて
2. 環境
3. ディレクトリ構成
4. 開発環境構築
5. 利用可能なスクリプト

プロジェクトについて

このプロジェクトは、ReactとTailwind CSSを使用して構築された、美容室「Luana・S・Miruto」のウェブサイトです。

(トップへ)

環境

言語・フレームワーク	バージョン
Node.js	16.17.0+
React	19.1.0
Vite	6.3.5
Tailwind CSS	3.3.5

その他のパッケージのバージョンは package.json を参照してください。

(トップへ)

ディレクトリ構成

/
├── .gitignore
├── eslint.config.js
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
├── vite.config.js
├── public/
│   └── favicon.svg
└── src/
    ├── App.css
    ├── App.jsx
    ├── index.css
    ├── main.jsx
    ├── MenuPage.jsx
    ├── assets/
    │   ├── react.svg
    │   └── Images/
    └── components/
        ├── About.jsx
        ├── Button.jsx
        ├── Footer.jsx
        ├── Guidance.jsx
        ├── Header.jsx
        ├── HeroSlider.jsx
        ├── IntroText.jsx
        ├── ScrollToTop.jsx
        └── SliderDots.jsx

(トップへ)

開発環境構築

1. リポジトリをクローンします

   git clone https://github.com/your_username/Luana.git
   cd Luana

2. 依存関係をインストールします

   npm install

3. 開発サーバーを起動します

   npm run dev

   http://localhost:5173 で開発サーバーが起動します。

(トップへ)

利用可能なスクリプト

• npm run dev: 開発モードでアプリケーションを起動します。
• npm run build: 本番用にアプリケーションをビルドします。
• npm run lint: ESLintを実行してコードをチェックします。
• npm run preview: ビルドされたアプリケーションをローカルでプレビューします。

(トップへ)