หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ร้านค้าออนไลน์ (ดัชนีและหน้าค้นหา) - เวลาที่สร้างขึ้น 16 ชั่วโมง

นี่คือโครงการ capstone/การสอบสำหรับโมดูล microverse HTML/CSS เป็นเว็บไซต์งานฝีมือ (แฮนด์เมด) โดยใช้ HTML, CSS3/SCSS, Bootstrap และ Font Awesome

ดูการนำเสนอวิดีโอของโครงการที่นี่ เว็บไซต์ถูกสร้างขึ้นโดยใช้การจำลองนี้

ภาพหน้าจอของหน้าดัชนี

ภาพหน้าจอ

ภาพหน้าจอของหน้าการค้นหา

ภาพหน้าจอ

โครงการสร้างขึ้นโดยใช้ HTML และ CSS/SCSS ด้วยการใช้งานอย่างกว้างขวางของ Grid และ Flex Propreties ฉันใช้ฟังก์ชันการทำงานหลักของ SCSS ทั้งหมด: ตัวแปร, Mixins และฟังก์ชั่นสี

สร้างขึ้นด้วย

  • HTML
  • CSS3/SCSS
  • รองเท้าบู๊ต
  • ตัวอักษรไอคอนที่ยอดเยี่ยม
  • Webhint/Stylelint Linters
  • สคริปต์ NPM สำหรับการทดสอบและเรียกใช้การเปลี่ยนแปลง SCSS

คุณสามารถตรวจสอบเวิร์กโฟลว์ที่ฉันใช้เมื่อสร้างเว็บไซต์โดยการอ่านบทความสื่อของฉันจัดระเบียบไฟล์ 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

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด