1

Assignment for React

Task-I

Below mentioned are few links containing some design samples from dribble: -
https://dribbble.com/shots/5707821-Multiple-Choice-Survey-Question
https://dribbble.com/shots/14079869-Trivia-360
https://dribbble.com/shots/10060643-Attachment-Type-Tests-and-Results
https://dribbble.com/shots/13969288-Day-14-of-30-Quiz-App-Concept

**The above links are just for your reference, you can choose any one of them or you
can create something on your own.

Your aim is to: -

1. Create a professional quiz application UI with following features in it. The UI
should also focus on customer experience. (Previous button and Next button for
traversing between questions, Timer to set time for quiz, format of the quiz
should be MCQ based questions with 4 options, and at last question Submit
button on completion of quiz)
2. The design should be responsive and mobile friendly.
3. Use state management tool redux.
4. On clicking on previous button, the option selected in earlier question should be
visible.
5. On refresh, the data should stay along with the timer time rolling continuously
not resetting itself.
6. Additional features can be included by you for better chances of selection.

Task-II

To test your UI replicating skills below attached is the Figma design Link of a demo
website,
you have to replicate it as it and make it responsive too (Mobile view of the website is also
given).
Try to bring the best Chrome Lighthouse test score and you can add animations to the
website as per your own creativity to increase your chances of selection.
2

Link: - https://www.figma.com/file/U2JKCHIlspJWinXh1dc4Tm/DSI-Web-Landing-
PageRedesign-Community-Copy?node-id=0%3A1

Time Limit for this Assignment is: - 2 Days

As part of your submission, you have to submit: -
1. URL of the Applications hosted on a web server or similar service.
2. GitHub Repository Link with the code.

Wish you all the very best!

We look forward to see you working with our organisation.
Regards,
Oyesters Training