💯Web 2 Starter Project Challenges

Challenge 1: Content

• README.mdfile

  • What is this?

  • How do I use it?

  • Citations

• index.htmlfile

• required boilerplate for HTML document

• SVG favicons

    <!-- Favicons -->
    <link rel="icon" href="/favicons" sizes="32x32">
    <link rel="icon" href="/favicons/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png">

• https://www.figma.com/design/MAIojFiLLrNVO3SBudwixy/Favicon-Template?node-id=0-1&t=zEX2SjUNlB1dxHrn-1

• Stylesheets

  • Normalize CSS

  • Your styles in `styles.css`

• Scripts

  • script.jsfile

  • deferattribute

# Challenge 2: Design

• Diagnostic styling ready

• Cite your sources in README.md

Challenge 3: Code

• JavaScript console.logmessage

  // website loaded?
  console.log("👍 Okay");

• Cite your sources in README.md

Challenge 4: Process

• Version Control is used with multiple commits, over multiple days

• Project is stored on GitHub

• Project is deployed via Netlify

  • Deploy link added to repo

• Remove “Deploy with Netlify” button from README.md

• README.md file edited with your-own-content e.g. name, citations, notes, links, or any relevant information

Challenge 5: Deployment

• Provide URL to your project repo stored on GitHub

  • Example: https://github.com/YourUserName/RepoName

• Provide URL to your project website deployed via Netflify

  • Example: https://YourAppName.netlify.com