Skip to content
View jewelshot's full-sized avatar

Block or report jewelshot

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
jewelshot/README.md

πŸ’Ž Jewelshot Studio

AI-powered jewelry photography platform with premium prompt generation

Next.js TypeScript Tailwind CSS License

πŸš€ Overview

Jewelshot Studio is a professional SaaS platform for generating AI-powered jewelry photography using advanced prompt engineering and fal.ai's Nano Banana model.

✨ Features

  • 🎨 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

πŸ—οΈ Architecture

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

πŸ› οΈ Tech Stack

  • 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

πŸ“¦ Installation

# 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 dev

Visit http://localhost:3000

πŸ§ͺ Development

# 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 start

πŸ“ Commit Convention

This 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

🌿 Branch Strategy

main            # Production-ready code
└── develop     # Integration branch
    β”œβ”€β”€ feature/studio-sidebar
    β”œβ”€β”€ feature/fal-ai-integration
    └── fix/animation-performance

🀝 Contributing

See CONTRIBUTING.md for guidelines.

πŸ“„ License

MIT License - see LICENSE file

πŸ”— Links


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]

Popular repositories Loading

  1. jewelshot jewelshot Public

    Professional AI-powered jewelry photography platform.

    TypeScript

  2. jewelshot_v2 jewelshot_v2 Public

    Professional AI-powered jewelry photography platform.

    TypeScript

  3. jewelshot_deploy jewelshot_deploy Public

    Professional AI-powered jewelry photography platform.

    TypeScript