Sano Genetics Frontend Engineer task
The goal of this task is to introduce you to some of the technologies that we use at Sano, and to give you an experience about what it would be like to have the responsibilities of the role.
In this test, you will display a list of studies and be able to leave/join any study. The list of studies should look beautiful, be accessible and mobile friendly.
Technologies:
This project includes the following FE technologies which are the most common ones we use at Sano:
- Vue.JS (Vue2 + Vue3)
- Vuex ORM
- Axios Vuex ORM
- Cypress (E2E testing)
- WindiCSS/TailwindCSS + Sass for styling
Please try to complete this test using Vue.JS, SCSS, WindiCSS and Cypress.
If you have spare time, bonus points will be given for using vuex-orm and vuex-orm-axios, but these are not essential.
Time to complete
You should ideally aim to spend no longer than 3 hours on the tasks (excluding bonus points). If you can’t completely finish that’s not a problem - just explain what is left to do and how you would do it.
Instructions:
Step 1: Clone the repo into your own repo called sano-fe-test
and make it private (Please do not fork our repo).
Step 2: Make a new branch where you will add your work. This will allow us to easily see the changes you make to the provided project.
Step 3: Instructions to complete the task list are on the home page when you run the project.
Step 4: When you have completed the test, create a pull request (you will be sending us this link).
Step 5: Please create a Loom video to explain:
- How you approached the test.
- Where you took a pause to make a decision about any task. Why did you make that decision?
- If you struggled with any parts of the test, what were they?
- If you had more time, what would you improve or change?
Step 6: Send us an email with the following:
- Link to your pull request
- Loom video link
- Add
sano-review
as a contributor to your private repo and confirm that you have done this.
Thank you and we hope you have fun with the test!