Coding of web components for Qiskit web projects

[eddybrando]

Description

We want to continue creating reusable web components for our Qiskit web projects, like Qiskti.org and the New Textbook.

We already starting developing some and want to continue creating them in https://github.com/qiskit/web-components/.

The goal is to create more Qiskit web components.

Deliverables

• Creation of a list of meaningful web components (partially based on similar UI elements already in use in our web projects)
• Prioritisation of the possible web components to identify low hanging fruits
• Opening of PRs with web components
• Reviewing and merging of PRs in the codebase

Mentors details

• Mentor 1
  • Name: Eddybrando Vásquez
  • GitHub ID: @eddybrando.vasquez
  • What they do: Quantum Community Web Development Technical Lead

Number of mentees

1

Type of mentees

• Mentee 1
  • Required:
    • Web development knowledge
    • JavaScript knowledge
  • Nice to have:
    • Experience in TypeScript
    • Experience in web components
    • Experience in the Carbon Design System or web UI libraries / frameworks like Bootstrap or Tailwind CSS

[mentesniker]

1st checkpoint presentation:
Web components (1).pdf

[mentesniker]

Update checkpoint 2
Created two PR request for the qiskit web components repo:

• This footer which contains a web component of a footer.
• This button which contains an account button for the existing navbar component.
  Screenshots:
  
  

[mentesniker]

Final presentation
Web components.pdf