Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

aditya-gupta-dev/scanfeast-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿฝ๏ธ ScanFeast (Under Construction)

AI-Powered Food Scanning & Nutrition Intelligence Platform

Next.js React Native Expo shadcn/ui TypeScript TailwindCSS AI Powered

Revolutionary cross-platform application that instantly identifies food, analyzes nutrition, and provides personalized dietary insights through advanced computer vision and AI.


๐ŸŒŸ Project Overview

ScanFeast transforms how people interact with food through cutting-edge AI technology. Simply point your camera at any dish or ingredient, and our sophisticated machine learning models instantly provide comprehensive nutritional analysis, dietary insights, and personalized recommendations - all wrapped in a beautiful, intuitive interface across web and mobile platforms.

graph TD
    A[๐Ÿ“ฑ Camera Capture] --> B[๐Ÿค– AI Food Recognition]
    B --> C[๐Ÿ” Nutrition Analysis]
    C --> D[๐Ÿ“Š Health Insights]
    D --> E[๐Ÿ’ก Personalized Recommendations]
    E --> F[๐Ÿ“ˆ Progress Tracking]
    F --> G[๐ŸŽฏ Goal Achievement]
    
    H[๐ŸŒ Web Platform] --> A
    I[๐Ÿ“ฑ Mobile App] --> A
    
    style A fill:#ff6b6b
    style B fill:#4ecdc4
    style C fill:#45b7d1
    style D fill:#96ceb4
    style E fill:#ffeaa7
    style F fill:#dda0dd
    style G fill:#ff9ff3
    style H fill:#54a0ff
    style I fill:#5f27cd
Loading

โœจ Core Features

๐Ÿค– Advanced AI Food Recognition

  • Instant Food Identification: State-of-the-art computer vision models with 95%+ accuracy
  • Multi-Food Detection: Simultaneously identify multiple items in complex dishes
  • Ingredient Breakdown: AI-powered ingredient analysis and portion estimation
  • Real-Time Processing: Lightning-fast recognition in under 2 seconds

๐Ÿ“Š Comprehensive Nutrition Analysis

  • Macro & Micronutrient Breakdown: Complete nutritional profile with vitamins and minerals
  • Calorie Counting: Accurate calorie estimation with portion size detection
  • Allergen Detection: Automatic identification of common allergens and dietary restrictions
  • Nutritional Scoring: Health rating system with improvement suggestions

๐Ÿ“ฑ Cross-Platform Excellence

  • Progressive Web App: Seamless web experience with offline capabilities
  • Native Mobile Apps: iOS and Android apps with native performance
  • Synchronized Data: Real-time sync across all devices and platforms
  • Responsive Design: Pixel-perfect UI adaptation for all screen sizes

๐ŸŽฏ Personalized Health Insights

  • Custom Dietary Goals: Personalized nutrition targets based on user profiles
  • Health Tracking: Comprehensive progress monitoring and analytics
  • Smart Recommendations: AI-driven meal suggestions and alternatives
  • Integration Ready: Connect with fitness trackers and health platforms

๐Ÿ› ๏ธ Technology Stack

Frontend Frameworks

  • Next.js 14+ - Full-stack React framework with App Router and server components
  • React Native Expo - Cross-platform mobile development with native performance
  • TypeScript - Type-safe development with enhanced developer experience

UI & Design Systems

  • shadcn/ui - Modern, accessible React component library
  • Tailwind CSS - Utility-first CSS framework for rapid styling
  • Radix UI - Headless UI primitives for complex interactions
  • React Native Elements - Consistent mobile UI components

Data & State Management

  • React Query/TanStack Query - Server state management and caching
  • Zustand - Lightweight state management for complex app states
  • AsyncStorage - Persistent storage for mobile offline capabilities
  • IndexedDB - Client-side database for web offline functionality

Development Tools

  • Expo CLI - Streamlined mobile development and deployment
  • ESLint & Prettier - Code quality and formatting standards
  • Husky - Git hooks for automated testing and validation
  • Metro Bundler - React Native bundling and optimization

๐Ÿš€ Quick Start

Prerequisites

# Install Node.js 18+
node --version

# Install Expo CLI globally
npm install -g @expo/cli

# Verify installations
expo --version

๐Ÿ“ฑ Mobile Development Setup

# Clone the repository
git clone https://github.com/yourusername/scanfeast.git
cd scanfeast

# Install mobile dependencies
cd android-ios
npm install

# Start Expo development server
expo start

# Run on iOS simulator
expo run:ios

# Run on Android emulator
expo run:android

๐ŸŒ Web Development Setup

# Navigate to web directory

# Install web dependencies
npm install

# Start Next.js development server
npm run dev

# Build for production
npm run build

๐Ÿ“ฑ Mobile Features

Camera Integration

// mobile/src/components/CameraScanner.tsx
import { Camera } from 'expo-camera';
import { useState, useRef } from 'react';

export const CameraScanner = () => {
  const [hasPermission, setHasPermission] = useState<boolean | null>(null);
  const cameraRef = useRef<Camera>(null);
  
  const takePicture = async () => {
    if (cameraRef.current) {
      const photo = await cameraRef.current.takePictureAsync({
        quality: 0.8,
        base64: true,
        skipProcessing: false
      });
      
      // Process with AI
      await processFoodImage(photo.uri);
    }
  };
  
  return (
    <Camera
      ref={cameraRef}
      style={{ flex: 1 }}
      type={Camera.Constants.Type.back}
      ratio="16:9"
    >
      {/* Camera UI */}
    </Camera>
  );
};

๐ŸŒ Web Features

๐Ÿงช Testing Strategy

Unit Testing

# Run web tests
cd web && npm run test

# Run mobile tests
cd mobile && npm run test

# Run with coverage
npm run test:coverage

๐Ÿ“ฆ Deployment

Mobile App Deployment

# Build for production
cd mobile && expo build:android
cd mobile && expo build:ios

# Submit to app stores
expo submit --platform android
expo submit --platform ios

Web Deployment

# Build and deploy web app
cd web && npm run build
vercel --prod

# Environment variables
vercel env add AI_API_KEY
vercel env add DATABASE_URL

๐ŸŽ“ Learning Outcomes

Cross-Platform Mastery

Unified Development: Mastered building cohesive experiences across web and mobile platforms while maintaining shared business logic and consistent user experiences through strategic code sharing and architectural patterns.

AI Integration Expertise

Computer Vision Implementation: Developed deep understanding of integrating machine learning models into production applications, including real-time image processing, model optimization, and edge computing for mobile devices.

Modern React Patterns

Advanced State Management: Implemented sophisticated state management solutions using React Query for server state and Zustand for client state, enabling seamless offline-first experiences with conflict resolution.

Performance Optimization

Mobile Performance: Optimized React Native applications for 60fps performance through efficient rendering patterns, image optimization, native module integration, and memory management techniques.

UI/UX Design Systems

Component Architecture: Built scalable design systems using shadcn/ui and Tailwind CSS, creating reusable components that work seamlessly across web and mobile platforms with consistent styling and behavior.

๐Ÿ”ฎ Future Roadmap

๐Ÿค– Enhanced AI Capabilities

  • Recipe Recognition: Identify complete recipes from dish photos
  • Cooking Instructions: AI-generated cooking steps and techniques
  • Meal Planning: Intelligent weekly meal planning with shopping lists
  • Dietary Coaching: Personalized nutrition coaching with AI recommendations

๐ŸŒŸ Advanced Features

  • Social Sharing: Share meals and compete with friends
  • Restaurant Integration: Partner with restaurants for menu scanning
  • Wearable Integration: Apple Watch and smartwatch compatibility
  • Voice Commands: Hands-free food logging with voice recognition

๐Ÿ“Š Analytics & Insights

  • Health Trends: Long-term health pattern analysis
  • Predictive Analytics: Predict nutrition needs based on activity
  • Integration APIs: Connect with fitness and health platforms
  • Professional Tools: Features for nutritionists and dietitians

๐Ÿค Contributing

We welcome contributions from the community!

# Fork and clone
git clone https://github.com/yourusername/scanfeast.git

# Install dependencies
npm run install:all

# Create feature branch
git checkout -b feature/meal-planning

# Run tests
npm run test:all

# Submit PR
git push origin feature/meal-planning

๐Ÿ“„ License

This project is licensed under the MIT License - see LICENSE for details.

๐Ÿ™ Acknowledgments

  • Expo Team for the incredible cross-platform development tools
  • Vercel for seamless Next.js hosting and deployment
  • shadcn for the beautiful and accessible UI components
  • Open Source Community for the amazing ecosystem of tools

๐Ÿ“ž Support


๐Ÿฝ๏ธ Revolutionizing Food Intelligence with AI ๐Ÿค– โ€ข ๐ŸŒ Try Web App

About

a ai powered food scanner for everyone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors