microverse HTML CSS capstone project online shop for electronics

Toko online (indeks dan halaman pencarian) - waktu yang dibangun 16 jam

Ini adalah proyek batu penjuru/ujian untuk modul microverse HTML/CSS. Ini adalah situs web Crafts (Handmades) menggunakan HTML, CSS3/SCSS, Bootstrap, dan Font Awesome.

Tonton presentasi video proyek di sini. Situs web ini dibangun menggunakan mockup ini

Tangkapan layar halaman indeks

Tangkapan layar halaman pencarian

Proyek ini dibangun menggunakan HTML dan CSS/SCSS dengan penggunaan ekstensif grid dan propreti flex. Saya menggunakan semua fungsionalitas inti SCSS: variabel, mixin dan fungsi warna.

Dibangun dengan

• Html
• CSS3/SCSS
• Bootstrap
• Font Ikon Luar Biasa
• WebHint/Stylelint Linters
• Skrip NPM untuk menguji dan menjalankan perubahan SCSS

Anda dapat memeriksa alur kerja yang saya gunakan saat membangun situs web dengan membaca artikel medium saya mengatur file HTML dan CSS Anda seperti Pro

Demo langsung

Halaman Indeks Demo Langsung

Halaman Pencarian Demo Langsung

(Anda juga dapat menavigasi antar halaman menggunakan tautan navigasi dan formulir pencarian.)

Untuk mendapatkan salinan lokal dan berjalan ikuti langkah -langkah contoh sederhana ini.

Pengaturan

Klon proyek secara lokal.

Linters

1. Jalankan npm install .
2. Jalankan npm run test untuk memeriksa file HTML dan CSS.
3. Jalankan npm run watch untuk mulai menonton perubahan SCSS.

Penyebaran

Instal dan jalankan plugin server langsung pada editor IDE/teks Anda dan jalankannya dari direktori root.

Perbaikan di masa depan

Tambahkan backend ke halaman

Penulis

? Cristian Viorel Ceamatu

• Email: [email protected]
• GitHub: https://github.com/cristianseamatu
• Twitter: https://twitter.com/cristianCeamatu
• LinkedIn: https://www.linkedin.com/in/ceamatu-ristian/

Tunjukkan dukungan Anda

Berikan ️ jika Anda menyukai proyek ini!

Lisensi

Proyek ini berlisensi MIT.