Nutriswap
AI-powered nutrition platform with hybrid recommendation engine
Full-Stack
Tech Layers
100+
Data Points
D3.js + Recharts
Visualizations
FastAPI
API Framework
The Problem
People with specific dietary needs — diabetes, heart conditions, muscle-building goals — struggle to find food alternatives that actually match their nutritional requirements. Existing tools are either too generic or require manual research across scattered databases.
The Solution
A full-stack nutritional intelligence platform designed to help users identify healthier food alternatives based on specific health goals (e.g., Diabetic-friendly, Heart Health, Muscle Gain). The system processes complex nutritional data to provide real-time, context-aware food swaps using a React + FastAPI architecture.
System Architecture
React 18 frontend built with Vite for fast HMR, backed by a FastAPI Python server connected to PostgreSQL via SQLAlchemy. The frontend leverages Redux Toolkit for state management, D3.js and Recharts for data visualization, React Hook Form for efficient search input, and Framer Motion for UI animations. The backend exposes RESTful endpoints through organized routers, with Pydantic schemas for validation and a seed script to populate the nutritional database.
Key Features
Intelligent food substitution engine with health-goal filtering
Interactive nutrition explorer with D3.js data visualization
Side-by-side food comparison tool with real-time data
Aurora-animated landing page with responsive grid layout
Redux Toolkit state management for complex search flows
Framer Motion micro-animations across all UI components
My Role
Sole developer — designed the database schema, built the FastAPI backend with seed scripts, and developed the full React frontend including data visualizations and comparison logic.