shuang cai




email me
curator | coder | artists | and more



Nutrional List Generator


2023

Web Design, Graphic Design
/ Introduction

This is a fictional food nutrition facts and ingredients list generator displayed on a static site. The Project Information page displays general information of the project as well as a random product every 2 seconds. The Generate page displays one product and give you the option to see a new one.The original program is developed in python, and the products are stored in json. In this version, there are 1000 different products in this version. There are NOT any machine learning models used in this generator.

/ Design Insiprations

The Default-Style Nutritional List Generator embodies simplicity and functionality, offering users a seamless experience in accessing vital nutritional information akin to food packaging labels. Developed as a static site using Javascript and HTML, the generator mirrors the familiar format of food nutrition facts and ingredients lists, providing clarity and ease of comprehension.

The Project Information page serves as a hub of knowledge, offering insights into the project's background and functionality, while captivating users with dynamic displays of random products every 2 seconds. This interactive element adds an engaging touch, inviting exploration and discovery.

On the Generate page, users encounter a single product at a time, presented in a clear and concise manner. The minimalist design mimics the aesthetic of traditional food packaging, with attention to detail in layout and typography. Each product is meticulously sourced from a dataset of 1000 different items stored in JSON format, ensuring variety and authenticity without the need for complex machine learning models.



copyright is overrated, please don’t let me regret saying this tho. -- shuang 2023