Skip to content

suraj-xd/inducedrip

Repository files navigation

Inducedrip | A Swagstore for Induced AI

Inducedrip Swag Store Demo

Welcome to Inducedrip, the official swag store for Induced AI. Explore our products with a clean interface, 3D previews, and unique customization options.

ℹ️ Note: This is a demo store. All products, payments, and features are for testing and demonstration purposes only.

✨ Features

  • ✨ Minimal UI: A clean, intuitive, and modern shopping interface.
  • 🧊 3D Product Previews: Interact with high-fidelity 3D models of our products.
  • 🤖 AI Virtual Try-On: See how our swag looks on you with AI-powered virtual try-on.
  • 🎨 Product Customization: Personalize items like caps and jackets with unique patches.
  • 💻 Sticker Try-On: Preview stickers directly on a MacBook model.
  • 💳 Crypto Payments: Pay with crypto via the NMKR SDK on the Cardano blockchain.
  • 📱 Fully Responsive: A great experience on any device, desktop or mobile.
  • 💌 Waitlist System: Get notified about new product drops and restocks via email.

🚀 Tech Stack

  • Framework: Next.js
  • Language: TypeScript
  • UI: React & Tailwind CSS
  • 3D: Three.js & React Three Fiber
  • AI: OpenAI Google Gemini AWS Bedrock
  • Payments: NMKR SDK & Cardano
  • State Management: Zustand
  • UI Components: shadcn/ui
  • Animations: Framer Motion
  • Database/Cache: Upstash Redis
  • Deployment: Vercel
  • Emails: React Email & Nodemailer

🎨 Design & 3D Modeling Tools

  • Design: Figma
  • AI Assistant: ChatGPT
  • 3D Modeling: Meshy.ai

Our design and 3D modeling workflow combines:

  • 🎨 Figma for UI/UX design and product mockups
  • 🤖 ChatGPT for design ideation and creative assistance
  • 🧊 Meshy.ai for AI-powered 3D model generation from text and images

⚙️ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js (v18 or later)
  • pnpm (or npm/yarn)

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo-name.git
    cd your-repo-name
  2. Install dependencies:
    pnpm install
  3. Set up your environment variables. Create a .env.local file in the root of the project and add the necessary API keys and configurations (e.g., for Upstash, Google Gemini, etc.).
    # Example .env.local
    UPSTASH_REDIS_REST_URL=...
    UPSTASH_REDIS_REST_TOKEN=...
    GOOGLE_API_KEY=...
  4. Run the development server:
    pnpm dev
    Open http://localhost:3000 with your browser to see the result.

📂 Project Structure

The project follows a feature-based structure, making it easy to navigate and maintain.

/
├── app/                  # Main application pages and API routes
│   ├── (product-pages)/  # Dynamic routes for each product type
│   ├── api/              # API endpoints (e.g., AI Try-on, email)
│   └── ...
├── components/           # Reusable components
│   ├── ui/               # Base UI components (from shadcn/ui)
│   ├── command-drip/     # Custom components for the store
│   └── ...
├── lib/                  # Utilities, libraries, and stores
├── public/               # Static assets (images, 3D models)
├── ...

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.

About

Swagstore for Induced AI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •