Page MenuHomePhabricator

Vector prototype/sandbox cleanup and handoff
Open, Needs TriagePublic

Description

Description

During the Vector 2022 project I created a prototype/sandbox in order to test out certain design ideas. There are several situations in which it's advantageous to explore design ideas in this way (vs. in Figma or similar programs), such as:

  • situations where you want to see a design in the context of many different articles
  • situations where you want to see a design in the context of many different languages
  • situations where your designs rely on dynamic data (coming from articles or other sources)
  • situations where you want to allow other stakeholders to evaluate different configurations of a design in a realistic and familiar environment
  • anything involving scrolling, typing, screen resizing, or other common interactions

Recently @JScherer-WMF identified that it would be valuable to continue working in this way. However throughout the Vector 2022 project the codebase for the prototype/sandbox became increasingly disorganized. This task represents the work to:

  • cleanup the codebase so the prototype/sandbox is easier to develop within going forward (~3 hrs)
  • handoff the codebase to @JScherer-WMF so he can use the prototype/sandbox as needed going forward (~3 hrs)

Event Timeline

I am interested in this task. Can I see the codebase so I can begin the cleanup

I am interested in this task. Can I see the codebase so I can begin the cleanup

Hey @Estherkamso. I refactored the prototype to be a Next.js/React/Ts project. The repository is here: https://github.com/alexhollender/vector-2022. Please feel free to take a look and let me know what kinds of changes you think would make sense. Thanks!

Hey @AlexHollender-WMF I'm a designer, I thought the contribution was about design because it was tagged design. Sorry for the inconvenience this might have caused.