chemisearch

Pencarian kimia

Ini adalah mesin pencari bernama Chemisearch, tempat Anda dapat mencari perusahaan yang menjual produk berikut:

Proyek ini adalah direktori online bahan kimia di Brasil, Anda dapat menemukan semua persyaratannya di sini. Anda dapat menemukan video presentasinya di tautan ini.

Dalam proyek ini, saya membangun:

• Halaman utama, dengan link ke halaman hasil dengan mengklik tombol "cari" atau link "perusahaan" di bilah navigasi;

• Halaman hasil pencarian, dengan daftar perusahaan kimia, masing-masing dengan link ke halaman detail perusahaan;

• Halaman detail perusahaan.

Masing-masing halaman ini memiliki versi untuk 3 ukuran layar berbeda:

• seluler: hingga 768 piksel;

• tablet: hingga 1024 piksel;

• desktop: dari 1024 piksel.

Saya mengikuti pedoman desain yang diberikan, termasuk:

• Warna;

• Tipografi: bentuk font, ukuran, dan berat (digunakan serupa dengan desainnya);

• Tata letak: komposisi dan jarak antar elemen, untuk 3 ukuran layar tertentu.

Dalam proyek ini saya:

• Tag HTML semantik yang digunakan;

• Menggunakan pemilih CSS dengan benar;

• Model kotak elemen HTML yang digunakan (margin, padding, lebar, tinggi);

• Menggunakan alat standar industri (flexbox) untuk menempatkan elemen di halaman;

• UI yang dibuat dapat disesuaikan dengan ukuran layar yang berbeda menggunakan kueri media;

• Praktik terbaik front-end yang diterapkan;

• Grid CSS dan flexbox yang digunakan;

• SASS bekas.

Apa fungsinya

Halaman ini menampilkan mesin pencari untuk produk kimia di Brazil.

Dibangun dengan

HTML, CSS dan SASS.

Demo Langsung

Klik untuk halaman web langsung

Memulai

Anda akan diarahkan ke halaman web tempat Anda dapat memulai pencarian perusahaan yang menjual produk kimia yang Anda inginkan. Anda dapat menyaring pencarian berdasarkan nama, negara bagian, jarak dan kisaran harga. Selain itu, ketika Anda mengklik tombol pencarian, informasi dasar tentang perusahaan yang Anda pilih akan ditampilkan.

Pengarang

Murilo Roque Paiva da Silva

Github: @MuriloRoque

Twitter: @MuriloRoquePai1

Linkedin: Murilo Roque

Berkontribusi

Kontribusi, masalah, dan permintaan fitur dipersilakan! Mulailah dengan:

• Membagi proyek

• Mengkloning proyek ke mesin lokal Anda

• cd ke dalam direktori proyek

• Jalankan git checkout -b your-branch-name

• Berikan kontribusi Anda

• Dorong cabang Anda ke repositori bercabang Anda

• Buka Permintaan Tarik dengan penjelasan rinci ke cabang pengembangan proyek asli untuk ditinjau

Tunjukkan dukungan Anda

Berikan ️ jika Anda menyukai proyek ini!

Ucapan Terima Kasih

• Desain aslinya diberikan kepada Mathew Njuguna, Sam Achola dan Kevin Mutua, desain asli

Lisensi

• Desain aslinya dilisensikan di bawah lisensi Creative Commons 4.0