The goal of this assessment is to create an A/B test of a simple form using React. The test will be testing effectiveness of different css animations.
- Create a form that a user will use to submit their info
- Follow the attached designs (make responsive)
- Use CSS animations to animate the form in in creative ways
- Handle error and success states
- Use state to handle the variations of which animation to render
- Feel free to use any libraries
- Deploy and share!
- Have form validation
- Use query params to pre-fill inputs
- Add a UI to select animation variants
- Integrate A/B Test
- See https://github.com/optimizely/react-sdk or similar alternative
- Animate the form in differently on each variant
- Make additional page with input/form part of a GraphQL Query to an open API and send that request
- Display data returned from response
Please make sure the link to your deployed site is provided in the README.
Please push your changes to the master branch
of this repository. You can push one or more commits.
Once you are finished with the task, please click the Complete task
link on this screen.