Site de Nutrição JQuery

Utilizando HTML, CSS, JavaScript, JQuery e uma das seguintes bibliotecas charts.js ou highcharts.js, juntamente com um arquivo .csv disponibilizado no ava cada aluno deve construir uma página para exibir as informações dos alimentos presentes no arquivo csv de acordo com a vontade do usuário.

Parte 1 - Seleção e Refeição

Para cada alimento deve aparecer na tela um elemento que possua a imagem do alimento, informação sobre quanto ele possui dos principais nutrientes (gorduras, carboidratos e proteínas) e quais vitaminas estão presentes no alimento. Juntamente no elemento deve ter um input para o usuário digitar quantas gramas ele quer daquele alimento na refeição. No final da tela de input deve existir um botão de visualização onde serão usadas as informações digitadas do usuário para a construção de pelo menos 2 tipos diferentes de gráficos. Os gráficos tem função de comparar para o usuário a quantidade de cada nutriente em cada porção de alimento selecionado, leve isso em consideração na escolha dos gráficos.

Parte 2 - Meta Diária e Refeições na Semana

Ao final da visualização dos gráficos o usuário deve ser capaz de adicionar a refeição em um conjunto de refeições feitas no dia que será exibida no formato de tabela. Ao finalizar um conjunto de refeições no dia, o usuário deve conseguir adicionar essas refeições em sua semana. A meta diária é uma meta em gramas que só leva em consideração gorduras, proteínas e carboidratos, e é definida pelo próprio usuário por um input padrão. Uma funcionalidade da página deve ser adicionar as refeições do dia na semana, ao fazer isso, deve ser adicionado um novo dia em um gráfico de linhas onde mostra a porcentagem de cada um dos nutrientes em relação a meta definida anteriormente pelo usuário.