chemisearch
1.0.0
이것은 Chemisearch라는 검색 엔진으로, 여기서 다음 제품을 판매하는 회사를 검색할 수 있습니다.
이 프로젝트는 브라질의 화학물질에 대한 온라인 디렉토리입니다. 여기에서 모든 요구사항을 찾을 수 있습니다. 이 링크에서 비디오 프레젠테이션을 찾을 수 있습니다.
이 프로젝트에서는 다음을 구축했습니다.
탐색 모음에서 "검색" 버튼이나 "회사" 링크를 클릭하면 결과 페이지로 연결되는 링크가 있는 기본 페이지
검색 결과 페이지에는 화학 회사 목록이 있으며 각 회사 세부 페이지에 대한 링크가 있습니다.
상세 회사 페이지입니다.
각 페이지에는 3가지 화면 크기에 대한 버전이 있습니다.
모바일: 최대 768px;
태블릿: 최대 1024px;
데스크탑: 1024px부터.
나는 다음을 포함하여 주어진 디자인의 지침을 따랐습니다.
그림 물감;
타이포그래피: 글꼴, 크기 및 두께(디자인에 따라 유사한 글꼴 사용)
레이아웃: 주어진 3가지 화면 크기에 대한 요소 간의 구성 및 공간입니다.
이 프로젝트에서 나는:
의미론적 HTML 태그를 사용했습니다.
CSS 선택기를 올바르게 사용했습니다.
사용된 HTML 요소 상자 모델(여백, 패딩, 너비, 높이);
업계 표준 도구(Flexbox)를 사용하여 페이지에 요소를 배치했습니다.
미디어 쿼리를 사용하여 다양한 화면 크기에 적응할 수 있는 UI를 만들었습니다.
프런트엔드 모범 사례를 적용했습니다.
CSS 그리드와 Flexbox를 사용했습니다.
SASS를 사용했습니다.
이 페이지는 브라질의 화학 제품에 대한 검색 엔진을 보여줍니다.
HTML, CSS 및 SASS.
라이브 웹페이지를 보려면 클릭하세요.
원하는 화학제품을 판매하는 회사를 검색할 수 있는 웹페이지로 리디렉션됩니다. 이름, 주, 거리, 가격대별로 검색을 세분화할 수 있습니다. 또한, 검색버튼을 클릭하시면, 선택하신 회사에 대한 기본정보가 노출됩니다.
무릴로 로케 파이바 다 실바
Github: @MuriloRoque
트위터: @MuriloRoquePai1
링크드인: MuriloRoque
기여, 문제 및 기능 요청을 환영합니다! 시작 날짜:
프로젝트 포크
프로젝트를 로컬 머신에 복제하기
프로젝트 디렉토리로 cd
git checkout -b your-branch-name 실행
당신의 기여를 하세요
분기를 포크된 저장소로 푸시하세요.
검토를 위해 원래 프로젝트의 개발 지점에 대한 자세한 설명과 함께 Pull Request를 엽니다.
이 프로젝트가 마음에 드신다면 ️을 눌러주세요!
원래 디자인은 Mathew Njuguna, Sam Achola 및 Kevin Mutua의 작품입니다.
원본 디자인은 Creative Commons 4.0 라이선스에 따라 라이선스가 부여됩니다.
