NAMA Dietela — Nutrition Assessment Mini App

An interactive nutrition assessment web app that helps users understand their body needs and receive personalized diet recommendations based on their conditions.

About the project

The app guides users through a series of diet and lifestyle questions, then generates a personalized nutritional assessment based on their responses. Built with React.js, Redux, Chakra UI, and a REST API, the project focuses on a user-friendly interface, responsive design, and seamless data flow between the frontend and backend.

Role:

Frontend Developer

Category:

Web Application

Tech Stack:

React.js, Chakra UI, REST API, Responsive Web Design

Project Details

NAMA Dietela is a mini web application designed to help users evaluate their nutritional status through a simple quiz interface. Built with React.js and Chakra UI, the app consumes REST API data to generate personalized health insights. The goal was to create a clean, responsive, and engaging user experience that aligns with Dietela’s mission to promote healthy living.

Things I Did

Developed main quiz flow and question components using React.js.
Integrated REST API to retrieve and send user responses dynamically.
Implemented responsive design and UI consistency with Chakra UI.
Collaborated with backend and UI/UX team to ensure visual and functional alignment.
Optimized page structure for faster load times and better accessibility across devices.