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

การค้นหาทางเคมี

นี่คือเครื่องมือค้นหาชื่อ Chemisearch ซึ่งคุณสามารถค้นหาบริษัทที่ขายผลิตภัณฑ์เหล่านี้ได้:

โปรเจ็กต์นี้เป็นไดเรกทอรีออนไลน์เกี่ยวกับสารเคมีในบราซิล คุณสามารถดูข้อกำหนดทั้งหมดได้ที่นี่ คุณสามารถค้นหาวิดีโอการนำเสนอได้ในลิงค์นี้

ในโครงการนี้ ฉันสร้าง:

  • หน้าหลักพร้อมลิงก์ไปยังหน้าผลลัพธ์โดยคลิกปุ่ม "ค้นหา" หรือลิงก์ "บริษัท" ในแถบนำทาง

  • หน้าผลการค้นหาพร้อมรายชื่อบริษัทเคมีภัณฑ์ โดยแต่ละแห่งมีลิงก์ไปยังหน้ารายละเอียดบริษัท

  • หน้ารายละเอียดบริษัท.

แต่ละหน้ามีเวอร์ชันสำหรับขนาดหน้าจอ 3 ขนาด:

  • มือถือ: สูงสุด 768px;

  • แท็บเล็ต: สูงสุด 1024px;

  • เดสก์ท็อป: ตั้งแต่ 1024px

ฉันปฏิบัติตามแนวทางของการออกแบบที่กำหนด ได้แก่ :

  • สี;

  • การพิมพ์: หน้าแบบอักษร ขนาด และน้ำหนัก (ใช้แบบที่คล้ายกันในการออกแบบ);

  • เค้าโครง: องค์ประกอบและช่องว่างระหว่างองค์ประกอบสำหรับขนาดหน้าจอที่กำหนด 3 ขนาด

ในโครงการนี้ฉัน:

  • ใช้แท็ก HTML เชิงความหมาย

  • ใช้ตัวเลือก CSS อย่างถูกต้อง

  • รูปแบบกล่ององค์ประกอบ HTML ที่ใช้ (ระยะขอบ, ช่องว่างภายใน, ความกว้าง, ความสูง);

  • ใช้เครื่องมือมาตรฐานอุตสาหกรรม (flexbox) เพื่อวางองค์ประกอบในหน้า

  • สร้าง UIs ที่ปรับให้เข้ากับขนาดหน้าจอที่แตกต่างกันโดยใช้คำสั่งสื่อ

  • แนวทางปฏิบัติที่ดีที่สุดที่ใช้ส่วนหน้า

  • ใช้กริด CSS และ flexbox;

  • SASS มือสอง.

มันทำอะไร

หน้านี้แสดงเครื่องมือค้นหาผลิตภัณฑ์เคมีภัณฑ์ในบราซิล

สร้างด้วย

HTML, CSS และ SASS

การสาธิตสด

คลิกเพื่อดูหน้าเว็บสด

เริ่มต้นใช้งาน

คุณจะถูกนำไปยังหน้าเว็บที่คุณสามารถเริ่มค้นหาบริษัทที่จำหน่ายผลิตภัณฑ์เคมีที่คุณต้องการได้ คุณสามารถปรับแต่งการค้นหาตามชื่อ รัฐ ระยะทาง และช่วงราคาได้ นอกจากนี้ เมื่อคุณคลิกปุ่มค้นหา ข้อมูลพื้นฐานเกี่ยวกับบริษัทที่คุณเลือกจะปรากฏขึ้น

ผู้เขียน

มูริโล โรเก ไปวา ดา ซิลวา

Github: @MuriloRoque

ทวิตเตอร์: @MuriloRoquePai1

ลิงค์ดิน: MuriloRoque

มีส่วนร่วม

ยินดีต้อนรับการมีส่วนร่วม ปัญหา และการร้องขอคุณสมบัติ! เริ่มโดย:

  • การแยกโครงการ

  • การโคลนโปรเจ็กต์ไปยังเครื่องของคุณ

  • cd ลงในไดเรกทอรีโครงการ

  • เรียกใช้ git checkout -b your-branch-name

  • มีส่วนร่วมของคุณ

  • ดันสาขาของคุณขึ้นไปที่พื้นที่เก็บข้อมูลแบบแยกของคุณ

  • เปิดคำขอดึงพร้อมคำอธิบายโดยละเอียดไปยังสาขาการพัฒนาของโครงการดั้งเดิมเพื่อตรวจสอบ

แสดงการสนับสนุนของคุณ

ให้️ถ้าคุณชอบโครงการนี้!

รับทราบ

  • การออกแบบดั้งเดิมมาจาก Mathew Njuguna, Sam Achola และ Kevin Mutua ซึ่งเป็นการออกแบบดั้งเดิม

ใบอนุญาต

  • การออกแบบดั้งเดิมได้รับอนุญาตภายใต้ใบอนุญาต Creative Commons 4.0

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