Build Gemstone E-commerce with Vedic Recommendations

// React component for birth details collection
import { useState } from 'react';

function BirthDetailsForm({ onSubmit }) {
  const [details, setDetails] = useState({
    date: '',
    time: '',
    location: ''
  });

  const handleSubmit = async (e) => {
    e.preventDefault();

    // Geocode location to lat/lon
    const coords = await geocodeLocation(details.location);

    onSubmit({
      datetime: `${details.date}T${details.time}:00+05:30`,
      latitude: coords.lat,
      longitude: coords.lon
    });
  };

  return (
    <form onSubmit={handleSubmit} className="space-y-4">
      <input
        type="date"
        value={details.date}
        onChange={(e) => setDetails({...details, date: e.target.value})}
        className="w-full p-3 border rounded"
        required
      />
      <input
        type="time"
        value={details.time}
        onChange={(e) => setDetails({...details, time: e.target.value})}
        className="w-full p-3 border rounded"
        required
      />
      <input
        type="text"
        placeholder="Birth Location (e.g., Mumbai, India)"
        value={details.location}
        onChange={(e) => setDetails({...details, location: e.target.value})}
        className="w-full p-3 border rounded"
        required
      />
      <button type="submit" className="w-full bg-indigo-600 text-white py-3 rounded font-bold">
        Get Personalized Recommendations
      </button>
    </form>
  );
}

// Backend API route to get gemstone recommendations
app.post('/api/gemstone-recommendations', async (req, res) => {
  const { datetime, latitude, longitude } = req.body;

  try {
    // Call Vedika AI to analyze chart and recommend gemstones
    const response = await fetch('https://api.vedika.io/api/v1/astrology/query', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${process.env.VEDIKA_API_KEY}`
      },
      body: JSON.stringify({
        question: `Based on this birth chart, which gemstones are recommended?
                   Analyze planetary strengths, dashas, and doshas.
                   Rank gemstones by priority and explain the astrological benefits.
                   Include recommended weight in carats and wearing instructions.`,
        birthDetails: { datetime, latitude, longitude }
      })
    });

    const data = await response.json();

    // Parse AI response to extract structured recommendations
    const recommendations = parseGemstoneRecommendations(data.response);

    res.json({ recommendations });
  } catch (error) {
    console.error('Error getting recommendations:', error);
    res.status(500).json({ error: 'Failed to get recommendations' });
  }
});

function parseGemstoneRecommendations(aiResponse) {
  // Extract structured data from AI response
  // Returns: [{ gemstone, planet, priority, benefits, carats, instructions }]
  // Implementation depends on your AI response format
  return [
    {
      gemstone: 'Blue Sapphire',
      planet: 'Saturn',
      priority: 1,
      benefits: 'Strengthens Saturn for career growth and discipline',
      carats: '4-6 carats',
      instructions: 'Wear on middle finger of right hand on Saturday morning'
    }
    // ... more recommendations
  ];
}

// Product recommendation component
function GemstoneRecommendations({ recommendations, products }) {
  return (
    <div className="space-y-6">
      <h2 className="text-2xl font-bold">Your Personalized Gemstone Recommendations</h2>

      {recommendations.map((rec, index) => {
        const product = products.find(p => p.name === rec.gemstone);

        return (
          <div key={index} className="border rounded-lg p-6 bg-white shadow">
            <div className="flex items-start space-x-4">
              <div className="bg-indigo-100 text-indigo-600 w-12 h-12 rounded-full flex items-center justify-center font-bold">
                #{rec.priority}
              </div>
              <div className="flex-1">
                <h3 className="text-xl font-bold mb-2">{rec.gemstone}</h3>

                <div className="bg-yellow-50 border-l-4 border-yellow-500 p-3 mb-3">
                  <strong>Why This Gemstone For You:</strong>
                  <p>{rec.benefits}</p>
                </div>

                <div className="grid md:grid-cols-2 gap-4 mb-4 text-sm">
                  <div>
                    <strong>Planet:</strong> {rec.planet}
                  </div>
                  <div>
                    <strong>Recommended Weight:</strong> {rec.carats}
                  </div>
                  <div className="md:col-span-2">
                    <strong>How to Wear:</strong> {rec.instructions}
                  </div>
                </div>

                <div className="flex items-center space-x-4">
                  <div className="text-2xl font-bold text-indigo-600">
                    ${product.price}
                  </div>
                  <button className="bg-indigo-600 text-white px-6 py-2 rounded font-bold hover:bg-indigo-700">
                    Add to Cart
                  </button>
                  <button className="border border-gray-300 px-6 py-2 rounded font-bold hover:bg-gray-50">
                    View Details
                  </button>
                </div>
              </div>
            </div>
          </div>
        );
      })}
    </div>
  );
}

// Redis caching for birth chart analyses
const redis = require('redis');
const client = redis.createClient();

async function getGemstoneRecommendations(birthDetails) {
  // Create cache key from birth details (normalized)
  const cacheKey = `gemstones:${birthDetails.datetime}:${birthDetails.latitude}:${birthDetails.longitude}`;

  // Try cache first
  const cached = await client.get(cacheKey);
  if (cached) {
    console.log('Cache hit - saved $0.25 API call');
    return JSON.parse(cached);
  }

  // Cache miss - call Vedika API
  console.log('Cache miss - calling Vedika API');
  const recommendations = await callVedikaAPI(birthDetails);

  // Cache for 30 days (birth chart doesn't change)
  await client.setEx(cacheKey, 30 * 24 * 60 * 60, JSON.stringify(recommendations));

  return recommendations;
}

// Cache hit rate: ~85% after first week
// API cost savings: ~$2,100/month with 10,000 users