Thanks for spending some time with us here at Squirrels. We take great care and pride in how we select our development staff. The goal of this exercise is not to test your actual technical skills. It is a chance to work along side you. It gives you a chance to get a preview of our team and our team a preview of you.
Here we have a adobe XD design presented as a feature. the XD document should have most of what you need (color pallet and such).
This is almost a fresh project. One of the other developers has completed the API / weather integration of the project and took the liberty to set up a fresh Vue.js application with the basic state store. The dev didn't do everything, but feels they did enough to get you rolling and give you a example of our style.
Were going to focus on the first two tabs (Today and Hourly).
For the today tab the dev went ahead and built out the state store and the API call. The hourly tab has the endpoint in the api, but you will need to handle getting that data when you get there.
- Display the today summary in the today box (left 1/3)
- include a notification bar (red bar at the bottom of the tonight box in the design) on the today box if there is a notification.
- Clicking on a notification bar should pop a modal. (see page 2 of 3 in the SD document)
- include a notification bar (red bar at the bottom of the tonight box in the design) on the today box if there is a notification.
- Display the next 48 hours in the right 2/3
- Show today's PM data on the left 1/3 of the next 48 area
- Show the next two day in the right 2/3
- Devide each day in 1/2 displaying a day and night forecast
- include a notification bar (red bar at the bottom of the tonight box in the design) on the today box if there is a notification.
- Clicking on a notification bar should pop a modal. (see page 2 of 3 in the SD document)
- Clicking on a notification bar should pop a modal. (see page 2 of 3 in the SD document)
- Display the next 12 hours of weather data