Try โ€‚โ€‰HackMD

Search Engine Design Challenge

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Create a static search engine site using CSS, HTML, or JavaScript. The image below should only be used as an inspiration (since we can't use Google's branding and trademark).

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

Specific Guidelines

  • Search engine name must have a name (make it witty). You have full creative control with regards to the logo and icon.
  • Create a home (search page) and results page. Both of the pages must be responsive or mobile-ready. See: https://www.w3schools.com/css/css_rwd_intro.asp
  • All pages must have metadata embedded inside the <head> tag. See: https://www.w3schools.com/tags/tag_meta.asp.
  • Dark mode is a bonus.
  • You may use any JS and CSS Framework or library at your disposal. This does not include pre-made templates from Bootswatch or any similar sites.
  • Code must be uploaded to GitHub and must include a README.md and LICENSE files (use MIT License).
  • Project must be deployed to GitHub pages.

Timeline & Deliverables

  • The project must be finished January 21, 2020 (Tuesday).
  • By January 17, 2020 (Friday), all participants must present at least one (1) working page.

FAQs

What, Why, How to README

What, Why How to LICENSE

How to Deploy to GitHub pages

  • On your project's repository page, click "Settings".

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

  • Scroll down and find the "GitHub Pages" section. Under "Source", click the dropdown and select "master" (your primary branch)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’

  • Your project is now published at https://<GitHub Username>.github.io/<Repository Name>. It might take a few minutes to be online.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More โ†’