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许可。