Skip to content

Instantly share code, notes, and snippets.

@Maximization

Maximization/portfolio-project-01.md

Last active April 28, 2023 11:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Maximization/34b59767215589af68fb19fe3f9c470e to your computer and use it in GitHub Desktop.
Save Maximization/34b59767215589af68fb19fe3f9c470e to your computer and use it in GitHub Desktop.
Download ZIP
The first portfolio project from the Full-stack JavaScript Developer study guide
Raw
portfolio-project-01.md

Project #1 - Bookmark Manager landing page

Build the landing page for a fictional Bookmark Manager and follow these guidelines:

  • Use TailwindCSS framework to style the landing page
  • Incorporate modern CSS layouts such as Flexbox and Grid
  • Use semantic HTML elements such as header, nav, footer and ensure that the page is accessible by performing an accessibility audit
  • Utilize JavaScript for the tab bars and subscribe form
  • Match the design as closely as possible
  • Ensure that the page is responsive and looks good on all screen sizes

What you'll learn: CSS Frameworks, Modern CSS layouts, Semantic HTML, Accessibility, Responsive design, Replicating UI design in code

Note: Make a public GitHub repository and commit your work regularly in small increments. This will help people see how the project developed over time.

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment