Challenge Overview
Challenge Objectives
-
Develop UI prototype for Infant Nutrition product monitoring app
Project Background
In this project we will be:
-
Scraping retail sites for product info, ratings, reviews, nutrients and ingredients data
-
Identifying competing products across brands based on ingredients and nutrients data
-
Analyzing user reviews to identify topics, positives, and negatives for each product group and brand
-
Looking for identified items in social media posts to estimate how popular/important each one of them is
-
Providing reports that allow for drill-down per topic, brand, product group or individual product level
Technology Stack
-
Angular 9
-
SCSS
Assets
We’re starting a new Angular project - it is up to you to create the base project structure.
Marvel app link and design assets are available in the forums
Individual requirements
We are implementing the complete app in this challenge (4 tabs) and only the desktop version is in scope.
The major pages in scope are:
-
Dashboard
-
Ingredients
-
Nutrients
-
Products
Help page, global search and notifications are not in scope (we don’t have the requirements for those yet).
Create common components for header, footer, layout.
No data should be hardcoded in the components - use services to fetch sample data.
Application has just one type of user (admin) that can use all the app features. There is no data entry, it is a reporting app
Use d3js or ng2-charts for application charts.
Deploy the app to heroku for verification and include heroku deployment steps in the README file.
Submission Guidelines
-
Submit the full app code
-
Submit a Readme with details on how to configure, build, run the app