Frontend Assessment

In this assessment, you will be required to demonstrate your understanding on:

1. Connecting and retrieval of data from API.
2. Performing validations and showing error messages appropriately.
3. Integration with third-party libraries.
4. Implementing best practises and clean codes, e.g. reusable codes that can be used repetitively, in different screens, projects, or by other team members.

Deliverables

1. Create a screen that shows daily forecast for 7 days

   • You should connect to the OpenWeatherMap API to obtain weather data. https://openweathermap.org/api

2. Create a second screen to show every 3 hours forecast for selected days from screen 1

These are the sample mockup designs, feel free to improvise!

Web

React Native

Scoring Criteria

ReactJS

1. Accurate user interface implementation.
2. Presentable on different web browsers and responsive.
3. Implementation of ReactJs best practices.
4. Structured and clean codes.

We are also looking out for more advanced coding implementations as described below:

• Implementation of Redux in the project
• Using GraphQL

React Native

1. Accurate user interface implementation.
2. Presentable on all iPhone and Android devices.
3. Implementation of React Native best practices.
4. Structured and clean codes.

We are also looking out for more advanced coding implementations as described below:

• Implementation of custom fonts.
• Implementation of Redux Saga

Submission

The project codes must be uploaded onto an online GIT repository (e.g Github, Bitbucket, Gitlab) and shared with us for final review. Please use .gitignore to avoid uploading unnecessary files to the repo. Upload all screenshots in your README file.