chemisearch
1.0.0
これは Chemisearch という検索エンジンで、次の製品を販売している企業を検索できます。
このプロジェクトはブラジルの化学物質のオンライン ディレクトリです。ここですべての要件を見つけることができます。このリンクでビデオプレゼンテーションを見つけることができます。
このプロジェクトでは、次のものを構築しました。
メイン ページ。ナビゲーション バーの「検索」ボタンまたは「会社」リンクをクリックすると、結果ページへのリンクが表示されます。
検索結果ページには化学会社のリストがあり、各会社の詳細ページへのリンクが付いています。
会社詳細ページです。
これらの各ページには、3 つの異なる画面サイズに対応したバージョンがあります。
モバイル: 最大 768 ピクセル;
タブレット: 最大 1024px;
デスクトップ: 1024pxから。
私は、次のような指定された設計のガイドラインに従いました。
色;
タイポグラフィ: フォントフェイス、サイズ、ウェイト (デザインを考慮して同様のものを使用)。
レイアウト: 指定された 3 つの画面サイズの構成と要素間のスペース。
このプロジェクトでは、私は次のことを行います。
セマンティック HTML タグを使用。
CSS セレクターを正しく使用しました。
使用される HTML 要素ボックス モデル (マージン、パディング、幅、高さ)。
業界標準のツール (フレックスボックス) を使用してページに要素を配置しました。
メディア クエリを使用して、さまざまな画面サイズに適応できる UI を作成しました。
フロントエンドのベストプラクティスを適用。
CSS グリッドとフレックスボックスを使用しました。
SASSを使用しました。
このページには、ブラジルの化学製品の検索エンジンが表示されます。
HTML、CSS、SASS。
クリックするとライブ Web ページが表示されます
Web ページにリダイレクトされ、そこで希望する化学製品を販売する会社の検索を開始できます。名前、州、距離、価格帯で検索を絞り込むことができます。また、検索ボタンをクリックすると、選択した企業の基本情報が表示されます。
ムリロ・ロケ・パイバ・ダ・シルバ
ギットハブ: @MuriloRoque
Twitter: @MuriloRoquePai1
Linkedin: ムリロロケ
貢献、問題、機能のリクエストは大歓迎です。開始方法:
プロジェクトのフォーク
プロジェクトをローカル マシンにクローンする
cdプロジェクト ディレクトリに移動します
git checkout -b your-branch-nameを実行します
貢献してください
ブランチをフォークされたリポジトリにプッシュします
レビューのために元のプロジェクトの開発ブランチへの詳細な説明を含むプル リクエストを開きます。
このプロジェクトが気に入ったら ️ を贈ってください!
オリジナルのデザインは、Mathew Njuguna、Sam Achola、Kevin Mutua によるものとされています。
オリジナルのデザインはクリエイティブ コモンズ 4.0 ライセンスに基づいてライセンスされています。
