fix:compile errors

[kunal-10-cloud]

fixes: #85

🔍 Root Causes Identified

1. ES Module Configuration Issues: Tailwind config was using require() in an ES module environment
2. Vite Configuration Problems: __dirname and process were not available in ES modules
3. React Import Conflicts: Duplicate imports and incorrect import placement in components
4. Missing Dependencies: tailwindcss-animate plugin was not properly installed
5. Conflicting Packages: @tailwindcss/vite was conflicting with traditional Tailwind setup

🛠️ Changes Made

🔧 Configuration Fixes

• Fixed Tailwind Config: Converted require("tailwindcss-animate") to proper ES module import
• Updated Vite Config: Replaced __dirname with fileURLToPath(import.meta.url) for ES module compatibility
• Simplified Environment Variables: Replaced process.env.NODE_ENV with static true for development

🧹 Code Quality Improvements

• Fixed React Import Issues:
  • Removed duplicate React imports in Home.jsx
  • Fixed import placement in Navbar.jsx (moved imports to top level)
• Resolved Undefined Variables: Added missing imageSrc and setImageSrc state in RecipeCard.jsx
• Cleaned Up Unused Variables: Prefixed unused variables with underscore to satisfy ESLint rules

📦 Dependency Management

• Installed Missing Plugin: Added tailwindcss-animate package
• Removed Conflicting Package: Uninstalled @tailwindcss/vite that was causing conflicts
• Updated Tailwind Config: Properly imported and configured tailwindcss-animate plugin

🎨 UI Improvements

• Cleaned Up Component Structure: Removed duplicate code blocks in Navbar.jsx
• Fixed Component Props: Properly handled unused props in RecipeModal.jsx

📁 Files Modified

• tailwind.config.js - ES module conversion and plugin configuration
• vite.config.js - ES module compatibility fixes
• src/pages/Home.jsx - Removed duplicate imports
• src/components/Navbar.jsx - Fixed import placement and removed duplicate code
• src/components/RecipeCard.jsx - Added missing state variables
• src/components/ProfileSetup.jsx - Fixed unused variable
• src/components/RecipeModal.jsx - Fixed unused prop

[vercel]

@kunal-10-cloud is attempting to deploy a commit to the krishnathecoder756's projects Team on Vercel.

A member of the Team first needs to authorize it.

[stevenanthonyrevo]

I resolved most of the compiling issues in Navbar.JS here #75. It hasn't been merged.