This is my approach to the Accenture <code.now /> challenge.
I used Vue for the frontend and openaq in the backend.
-
Responsive UI, ensuring adaptive viewport for mobile devices and PC/laptop
-
Clean and modern design
-
The following attributes need to be displayed in the order given:
- the location name
- the city and country name
- the air pollution value and its measurement unit and particulate matter parameter
- the location's longitude and latitude value
- the local date and time value
-
The list must support infinite scrolling and should be sortable by each attribute(ASC and DESC)
-
Additionally, the client demands a solution capable of filtering the data by;
- one country
- one city
- Fetch data from AQ public API
In the Frontend:
-
Test coverage
-
Code documentation
In the Backend:
- Insert AQ API data into a database
- Provide endpoint to serve AQ data to the frontend
npm install
npm run serve
npm run build