Software Engineer

Software Engineer Resources

• Repository where we are working on the microsite: https://github.com/hackforla/internship-website-design-system
• Internship Figma
  • Microsite Templates
  • Design Systems page
  • Help files
    • How to install the GitHub/Figma plugin for linking GitHub files in Figma
    • How to link Figma component to the SASS file on GitHub
• Find all engineering issues on the project board
  • new developers pick a good first issue from the prioritized backlog, and after that is completed, choose issues of increasing complexity (small, medium, large, x-large).

How to create a Design System Component

• Start with the Figma design for the template page you are creating. (Found in "Microsite Ready for Dev" on Figma)

• Reference the information related to the template as you construct it. (Found in "Design System WIP" on Figma)

• Use Snippets to create code blocks

Utilizing Snippets in our microsite can help maintain consistency, reduce errors, and reduce repetitive code.

When you refactor the code within the snippet as needed, the code block displayed on the live site will update!

Snippet Resources

• How to include snippets
• Snippets Documentation

Future links

• [https://hackforla.github.io/internship-website-design-system/] Design system URL (currently not showing the design system)