The latest articles on Forem by Saksham Mehrotra (@sakshamm0507). https://forem.com/sakshamm0507 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2955279%2Feaa31e18-0669-491a-b104-419effd400f1.jpg https://forem.com/sakshamm0507 en Saksham Mehrotra Sat, 22 Mar 2025 08:12:25 +0000 https://forem.com/sakshamm0507/this-is-a-personalized-health-assistant-that-designs-personalised-workouts-provides-diet-plan-and-1097 https://forem.com/sakshamm0507/this-is-a-personalized-health-assistant-that-designs-personalised-workouts-provides-diet-plan-and-1097 <div class="ltag__link"> <a href="/sakshamm0507" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2955279%2Feaa31e18-0669-491a-b104-419effd400f1.jpg" alt="sakshamm0507"> </div> </a> <a href="https://dev.to/sakshamm0507/fitai-1a68" class="ltag__link__link"> <div class="ltag__link__content"> <h2>FitAI using KendoReact</h2> <h3>Saksham Mehrotra ・ Mar 21</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#devchallenge</span> <span class="ltag__link__tag">#kendoreactchallenge</span> <span class="ltag__link__tag">#react</span> <span class="ltag__link__tag">#webdev</span> </div> </div> </a> </div> devchallenge kendoreactchallenge react webdev Saksham Mehrotra Sat, 22 Mar 2025 08:12:25 +0000 https://forem.com/sakshamm0507/this-is-a-personalized-health-assistant-that-designs-personalised-workouts-provides-diet-plan-and-1ocp https://forem.com/sakshamm0507/this-is-a-personalized-health-assistant-that-designs-personalised-workouts-provides-diet-plan-and-1ocp <div class="ltag__link"> <a href="/sakshamm0507" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2955279%2Feaa31e18-0669-491a-b104-419effd400f1.jpg" alt="sakshamm0507"> </div> </a> <a href="https://dev.to/sakshamm0507/fitai-1a68" class="ltag__link__link"> <div class="ltag__link__content"> <h2>FitAI using KendoReact</h2> <h3>Saksham Mehrotra ・ Mar 21</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#devchallenge</span> <span class="ltag__link__tag">#kendoreactchallenge</span> <span class="ltag__link__tag">#react</span> <span class="ltag__link__tag">#webdev</span> </div> </div> </a> </div> devchallenge kendoreactchallenge react webdev Saksham Mehrotra Fri, 21 Mar 2025 18:07:19 +0000 https://forem.com/sakshamm0507/fitai-1a68 https://forem.com/sakshamm0507/fitai-1a68 <p><em>This is a submission for the <a href="https://dev.to/challenges/kendoreact">KendoReact Free Components Challenge</a>.</em></p> <h2> What I Built </h2> <p><strong><em>Fit-AI</em></strong> is your AI-Powered Fitness Companion. It provides personalized workout plans, nutrition guidance, and progress tracking, all powered by advanced AI to help you reach your fitness goals. The project leverages <strong>KendoReact</strong> components to create a seamless and interactive user experience.</p> <h3> Demo </h3> <p>You can access the application here: <a href="https://fitai-plum.vercel.app" rel="noopener noreferrer">Fit-AI</a></p> <p>Here are some screenshots of the application:<br> <a href=""></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqgzqfhjpt2wjjn7vzscm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqgzqfhjpt2wjjn7vzscm.png" alt="Chat Page" width="800" height="373"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8xd9wb2h9o5zuliyfkjv.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8xd9wb2h9o5zuliyfkjv.png" alt="Diet plan" width="800" height="365"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcpfqlges5farmiqyuolk.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcpfqlges5farmiqyuolk.png" alt="Stats" width="800" height="365"></a></p> <p>The code repository is available on GitHub: <a href="https://github.com/sakshamm0507/Fit-AI" rel="noopener noreferrer">Fit-AI Repository</a></p> <h2> KendoReact Experience </h2> <p>In this project, I utilized KendoReact Free Components to build the interactive elements of the application. The components provided by KendoReact are highly customizable and easy to integrate, which helped in speeding up the development process. The rich set of features offered by KendoReact components, such as data grids, charts, and forms, allowed me to create a user-friendly interface for tracking fitness progress and setting goals.</p> <h2> I following kendo react components:- </h2> <ul> <li><code>@progress/kendo-react-animation</code></li> <li><code>@progress/kendo-react-buttons</code></li> <li><code>@progress/kendo-react-charts</code></li> <li><code>@progress/kendo-react-common</code></li> <li><code>@progress/kendo-react-conversational-ui</code></li> <li><code>@progress/kendo-react-dateinputs</code></li> <li><code>@progress/kendo-react-dialogs</code></li> <li><code>@progress/kendo-react-dropdowns</code></li> <li><code>@progress/kendo-react-form</code></li> <li><code>@progress/kendo-react-grid</code></li> <li><code>@progress/kendo-react-inputs</code></li> <li><code>@progress/kendo-react-layout</code></li> <li><code>@progress/kendo-react-notification</code></li> <li><code>@progress/kendo-react-progressbars</code></li> <li><code>@progress/kendo-react-scheduler</code></li> <li><code>@progress/kendo-react-tooltip</code></li> <li><code>@progress/kendo-react-treeview</code></li> </ul> <h3> Aim to Impress </h3> <p>I integrated GenAI technology into Fit-AI to provide users with personalized workout plans and nutrition guidance. By analyzing user data and preferences, the AI generates customized recommendations that adapt to the user's progress and changing goals. This integration of AI helps in making the fitness journey more effective and enjoyable.</p> <h3> Delightfully Designed </h3> <p>During the development of Fit-AI, I utilized the KendoUI Figma Kits and the Progress ThemeBuilder to design the application. These tools were instrumental in creating a visually appealing and consistent design across the application. The Figma Kits provided pre-designed components that made it easy to prototype the UI, while the ThemeBuilder allowed for quick customization of themes to match the overall aesthetic of the application.</p> devchallenge kendoreactchallenge react webdev