microverse HTML CSS capstone project online shop for electronics

在線商店（索引和搜索頁） - 建造時間16小時

這是一個微型模塊HTML/CSS的蓋石/考試項目。這是一個使用HTML，CSS3/SCSS，Bootstrap和Font Awesome的手工藝品（手工）網站。

在此處觀看該項目的視頻演示。該網站是使用此模型構建的

索引頁的屏幕截圖

搜索頁面的屏幕截圖

該項目是使用HTML和CSS/SCSS構建的，並廣泛使用網格和彈性Propenties。我使用了所有SCSS核心功能：變量，混合素和顏色功能。

建立

• html
• CSS3/SCSS
• 引導程序
• 字體很棒的圖標
• WebHint/Stylelint Linters
• 用於測試和運行SCSS的NPM腳本更改

您可以通過閱讀我的媒介文章來組織您的HTML和CSS文件（如Pro）來檢查我在構建網站時使用的工作流程

現場演示

實時演示索引頁面

實時演示搜索頁面

（您還可以使用導航鏈接和搜索表格在頁面之間導航。）

要獲得本地副本並運行，請按照以下簡單的示例步驟進行操作。

設定

克隆本地項目。

襯裡

1. 運行npm install 。
2. 運行npm run test以檢查HTML和CSS文件。
3. 運行npm run watch以開始觀看SCSS更改。

部署

在您的IDE/文本編輯器上安裝並運行實時服務器插件，然後從根目錄中運行它。

未來的改進

將後端添加到頁面

作者

？ Cristian Viorel Ceamatu

• 電子郵件：[email protected]
• github：https：//github.com/cristianceamatu
• Twitter：https：//twitter.com/cristianceamatu
• LinkedIn：https：//www.linkedin.com/in/ceamatu-cristian/

表示您的支持

如果您喜歡這個項目，請給！

執照

該項目已獲得MIT許可。