AI-powered jewelry photography platform with premium prompt generation
Jewelshot Studio is a professional SaaS platform for generating AI-powered jewelry photography using advanced prompt engineering and fal.ai's Nano Banana model.
- π¨ Aurora Background - Premium animated gradient effects
- π― Preset Mode - Quick 4-step prompt generation
- ποΈ Advanced Mode - 12+ parameter control
- πΈ Image Upload - Direct integration with Supabase Storage
- π€ AI Generation - fal.ai Nano Banana integration
- π± Responsive Design - Desktop-first with mobile optimization
jewelshot/
βββ src/
β βββ app/ # Next.js App Router
β βββ components/ # Atomic Design Pattern
β β βββ atoms/ # Basic components (AuroraBackground, Button, etc.)
β β βββ molecules/ # Composite components
β β βββ organisms/ # Complex components
β β βββ templates/ # Page layouts
β βββ features/ # Feature-based modules
β βββ lib/ # External integrations (Supabase, fal.ai)
β βββ hooks/ # Custom React hooks
- Framework: Next.js 16 (App Router)
- Language: TypeScript 5
- Styling: Tailwind CSS 4
- State: Zustand
- Forms: React Hook Form + Zod
- Animations: Framer Motion
- Database: Supabase
- Storage: Supabase Storage
- AI: fal.ai (Nano Banana)
- Deployment: Netlify
- Testing: Vitest + React Testing Library
# Clone repository
git clone https://github.com/jewelshot/jewelshot.git
# Navigate to project
cd jewelshot
# Install dependencies
npm install
# Setup environment variables
cp .env.example .env.local
# Add your API keys:
# - NEXT_PUBLIC_SUPABASE_URL
# - NEXT_PUBLIC_SUPABASE_ANON_KEY
# - FAL_AI_API_KEY
# Run development server
npm run devVisit http://localhost:3000
# Development server
npm run dev
# Type checking
npm run type-check
# Linting
npm run lint
npm run lint:fix
# Formatting
npm run format
npm run format:check
# Build for production
npm run build
# Start production server
npm startThis project uses Conventional Commits:
feat(studio): add aurora background component
fix(auth): resolve login redirect issue
docs(readme): update installation guide
test(studio): add unit tests for prompt generator
Types: feat, fix, docs, style, refactor, test, chore, perf, ci
main # Production-ready code
βββ develop # Integration branch
βββ feature/studio-sidebar
βββ feature/fal-ai-integration
βββ fix/animation-performance
See CONTRIBUTING.md for guidelines.
MIT License - see LICENSE file
Current Status: π§ In Development (Step 1: Aurora Background β )
Next Steps:
- Sidebar Component
- Project Context Form
- Preset Mode
- Advanced Mode
- fal.ai Integration
- Authentication & Database
Built with β€οΈ by [Your Name]