Baub

This project is an AI-powered Nutrition Assistant Chatbot that leverages OpenAI’s GPT-4 model to provide personalized nutritional guidance. It calculates Body Mass Index (BMI), daily nutritional requirements, and macronutrient distribution to help users efficiently organize their diets and achieve their health goals. The chatbot integrates artificial intelligence to perform accurate calculations and offer tailored advice. Developed with Next.js 14 (App Router), React, and TypeScript, it features Material UI for styling and includes a dark mode option for enhanced user experience.

This project is a data visualization dashboard that fetches population data from the official INEGI API, a government agency responsible for national statistics and geography in Mexico. It features interactive charts, including visualizations of population by state, gender distribution, and the relationship between population and housing by state. Built using React, JavaScript, and Material UI, the app utilizes Axios for data fetching and Recharts for displaying the graphs. It also includes a dark mode option for user preference.

This project is a Single Page Application (SPA) built with React and JavaScript, utilizing client-side rendering. It features routing with React Router DOM, including active links to display the current route, and incorporates examples of managing local state with the useState hook. The app also follows responsive web design principles for optimal display across devices. Styling is implemented using Material UI.

This project is a tool for generating CSS gradients through an intuitive interface. Users can create four types of gradients: two-color linear gradients with customizable angle, three-color linear gradients, two-color radial gradients, and three-color radial gradients. The application leverages input fields for color selection and angle adjustment, dynamically updating the gradient preview using local state management with the useState hook. Built with React, JavaScript, and styled using Material UI, it allows users to generate ready-to-use gradient code for their designs.

This project is a layout design for a small business website, showcasing its products and services. Built with React, JavaScript, and styled using Material UI, the focus was on creating a clean and organized structure, highlighting key offerings in a user-friendly manner. As one of my first web development projects, it demonstrates fundamental skills in responsive design and component-based architecture.

This project is a forked portfolio template that integrates several APIs, including GitHub, Dev.to, and Medium, with links to personal social media profiles such as LinkedIn, Twitter, and Instagram. It features over 20 themes and is fully responsive. I focused on forking the repository, customizing the content with my personal information, and managing the project using Git. Additionally, I integrated Google Analytics for traffic monitoring and deployed the site on GitHub Pages. This project highlights my skills in repository management, customization, and deployment.