Overview

Tropicl Nutrition Application

Users should be able to:

• Pick an option, High - Low or Low - High.
• View their submitted target values depending on their choice of option.
• View the optimal layout for the site depending on their device's screen size.

Links

• Solution URL: https://github.com/jmrc1995/tropicalNutrition
• Live Site URL:https://tropical-nutrition.vercel.app/

My process

Built with

• Semantic HTML5 markup
• JavaScript
• CSS custom properties
• Flexbox
• Grid
• CSS Flex
• SASS
• Mobile-first workflow
• Next - React Framework
• Chakra UI - For styles

What I learned

• How to properly sort through an array of data, using the compare function and state to display changes.
• Handling event.target.value change to distinguish user input. _ Using Select and Option components within Chakra UI

Continued development

• Working on responsiveness.

Author

• Website - Jomar Cardoza https://jmrc1995.github.io/Jomars-Portfolio/index.html