Scribd
Upload
120 views

Frontend Developer Assignment - Ambee

The document describes a technical assessment for a frontend developer position at Ambee. It involves building a weather application using an open weather API and implementing features like location search, user profiles, and data filtering. It also requires deploying the application, writing tests, and documenting the work in a readme file. The goals are to demonstrate proficiency with frontend technologies like React and familiarity with APIs, responsive design, testing, and deployment processes.

Uploaded by

shefu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
120 views

Frontend Developer Assignment - Ambee

The document describes a technical assessment for a frontend developer position at Ambee. It involves building a weather application using an open weather API and implementing features like location search, user profiles, and data filtering. It also requires deploying the application, writing tests, and documenting the work in a readme file. The goals are to demonstrate proficiency with frontend technologies like React and familiarity with APIs, responsive design, testing, and deployment processes.

Uploaded by

shefu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Assessment

Hello! Thanks so much for your interest in joining the Ambee tech team as a
frontend developer!

Below is the technical test for you! Please do let us know if you have any questions!

Best of luck!

============================================================================

Description

We work on many of the latest and greatest of technologies and versions respectively.
Hence we are always challenged with learning something or the other or sometimes
simply revamping what we do.

Hence this assessment is to get to know you or put you in an unfamiliar but similar
situation. We look upto you to be familiar with at least (some of) the following
technologies (if not all) and show the ability in your coding and architecture!

Frontend Technologies

● ECMA 6 +

● Frontend framework e.g. VueJS/Angular/ReactJS


● Webpack
● HTML/CSS as needed
● Bootstrap

Testing

● Integration testing
● Unit testing

If you don't know something above, that's actually a great opportunity to learn it and
implement it in this task.
Goal 1

** Building a weather application **

You need to build a beautiful weather application by incorporating Openweather map API
to fetch weather information. So, you will also demonstrate how to interact with APIs. The
application can be built using any of the above listed frontend frameworks.

** Sample design **

Source: Dribble

** API **

1. Login to open weather maps and signup.


2. You would be provided with a default access key
3. Use the key to fetch the below API
https://api.openweathermap.org/data/2.5/onecall?lat={{lat}}&lon={{lon}}&appid=K
EY
4. More information regarding the above api can be found
https://openweathermap.org/api/one-call-api
** Mandatory features **

1. The webpage must take location access from the user and by default show
weather for the location the user is located in.
2. The webpage must be responsive.
3. If the user does not allow location access then default data for bangalore can be
displayed.
4. The user can go into settings and save his information like Name, Location,
EmailId, etc that can be stored in the browser.
5. The name stored in the previous step can be shown in the top right corner.
6. The user must be able to search a place. Place name to coordinates can be done
using Google Geocoding API.
7. The user must be able to save a place that he searches and that place needs to be
displayed in the first row as cards which are loaded every time the user loads the
page.
8. The date filters in the graph like Day, Week, etc can be replaced with Minute, Hourly
and Daily based on the data available from the API.
9. The filter for parameters such as temperature are dynamic based on the
availability in the data.

** Good to have features **

1. We can have a dark and light theme for the application.


2. Implement caching of data and reloading the data in background every 5 mins.
3. Implement autocomplete in search using Google Autocomplete Places API.
4. SEO implementations.
Goal 2

** Happy Testing **

Last but not the least, testing! You can follow TDD or FDD!

1. There should be a way to test the application features and functions.


2. Must have integration tests!
3. Must have unit tests!

Goal 3

** Deployment and Submission **

Awesome! Good work! Deployment time!

1. You can use github pages to deploy your application and provide the link to the
application.
2. You can alternatively use heroku or any free service to host your application and
provide the link to the application.
3. Please don’t forget to write your readme file which should contain what/why you
have done things in a certain way! Documentation is highly appreciated!
4. Your solution should be committed back into this repository like you would do in a
normal project.
5. You can commit and push as many times as you want.
6. We prefer https://12factor.net/.
7. We value a clean coding style. It would be nice if you follow something like Airbnb’s
JavaScript Style Guide!

=======================================================================

Best of luck!

You might also like