Experiment: Add modal with celebration to the end of user signup
What does this MR do and why?
Adds candidate experiment experience at the end of user signup
as per candidate design
- Adds invite members open at the end of the user journey during signup when they land on
learn gitlab
- Adds celebratory text and confetti animation.
- Adds
canvas-confetti
npm - Uses canvas-confetti Basic Cannon options settings:
{ particleCount: 100, spread: 70, origin: { y: 0.6 } }
- Adds
Related to https://gitlab.com/gitlab-org/gitlab/-/issues/339892
Screenshots or screen recordings
celebration | screen recording |
---|---|
Screen_Recording_2021-11-12_at_10.20.45_AM |
How to set up and validate locally
-
yarn install
(for confetti npm) - Enable the
confetti_post_signup
Feature.enable(:confetti_post_signup)
- Register as a new user by visiting
http://localhost:3000/users/sign_up
(or by clickingRegister now
fromhttp://localhost:3000/users/sign_in
) - Answer
Just me
on thehttp://localhost:3000/users/sign_up/welcome
page(no other fields need filled out/changed) - Click
Continue
- On the next few screens, fill out new Group and Project names.
- Wait for the
Get Started with GitLab
to finish. - Click
Ok, let's go
. - Observe invite modal open on next screen.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Doug Stull