Nonanyt Craft

Your strongest ally against repetitive work.

Comment

Project Story: Nonanyt Craft

Inspiration

The inspiration behind Nonanyt Craft stems from the inherent complexities and time-consuming nature of crafting effective prompts for AI image generation, particularly when aiming for highly detailed and realistic outputs. We observed a significant pain point for digital artists, designers, content creators, and AI enthusiasts who struggled to elevate the quality of their AI-generated images due to a knowledge gap in technical terminology and the extensive trial-and-error involved. Our goal was to create a user-friendly yet powerful tool that simplifies this process, offers expert guidance, and leverages AI to automatically enhance prompts, thereby fostering creativity and efficiency.

What it does

Nonanyt Craft is a "Stable Diffusion Prompt Generator" web application designed to streamline the prompt creation workflow. Its core functionality includes:

  • Structured Prompt Builder: A guided interface that allows users to construct detailed prompts by selecting options from predefined categories like Subject, Style, Lighting, Camera Angle, and Quality.
  • AI Enchantment: An AI-powered feature, powered by Google Gemini API, that refines and elevates user-generated prompts by incorporating technical specifics, optimizing styles, enhancing quality, and recommending compositional improvements.
  • Prompt History: A robust system that automatically logs both original and enhanced prompts, offering search, favorite, copy, and "Duplicate & Edit" functionalities for efficient management.
  • User Authentication & Profiles: Secure user login and management, supporting email/password and OAuth (Google, Discord, GitHub).
  • Subscription & Payment System: Integration with Stripe to manage different membership tiers (Free, Pro, Teams) and process payments, including one-time purchases and subscriptions.

How we built it

Nonanyt Craft was built with a modern full-stack architecture, emphasizing performance, scalability, and security.

  • Frontend/Backend Framework: Next.js 14, leveraging React with TypeScript, for full-stack capabilities and optimized performance.
  • Styling: Tailwind CSS for a minimalist, professional, and creative UI/UX.
  • Database & Authentication: Supabase (PostgreSQL) serves as the primary relational database and provides robust authentication services.
  • AI Integration: Google Gemini API is integrated for all AI-driven prompt enhancement features.
  • Payment Processing: Stripe is used for all subscription and payment-related transactions, with Supabase Edge Functions handling webhooks and checkout sessions.
  • State Management: Zustand is utilized for efficient frontend state management.
  • Development Approach: We adopted a phased development approach (MVP to monetization) to manage risk and deliver core value incrementally.

Challenges we ran into

During development, we encountered challenges typical of integrating multiple external services and building a sophisticated UI:

  • Seamless API Integration: Ensuring smooth and secure communication between the frontend, Supabase, Google Gemini API, and Stripe, especially managing authentication tokens and webhook validations.
  • Dynamic UI & Performance: Implementing a highly responsive and dynamic user interface, particularly managing loading states during AI enchantment (which has an anticipated response time of 2-5 seconds) and ensuring perceived speed.
  • Complex State Management: Orchestrating the global state across different components, especially for prompt data, user authentication, and subscription status, required careful planning with Zustand.
  • Maintaining Code Quality: With rapid feature development, ensuring consistent coding standards and preventing technical debt was a continuous effort, supported by tools like ESLint and TypeScript.

Accomplishments that we're proud of

We are immensely proud of:

  • Intuitive Prompt Generation: Successfully creating a structured "Prompt Builder" that bridges the knowledge gap, empowering users to generate high-quality prompts without extensive technical expertise.
  • Powerful AI Enhancement: Implementing the core AI Enchantment feature that significantly refines prompts, making AI image generation more efficient and less prone to trial-and-error.
  • Seamless User Experience: Designing a minimalist, professional, and responsive interface with subtle animations that enhances the creative process.
  • Robust Backend Infrastructure: Setting up secure and scalable database (PostgreSQL with RLS) and authentication (Supabase) alongside robust payment processing (Stripe).
  • Comprehensive Feature Set: Delivering a product with a wide array of features from prompt creation and management to subscription handling, all integrated seamlessly.

What we learned

Through this project, we gained valuable insights into:

  • The Power of AI in Creative Workflows: How AI can significantly enhance human creativity and efficiency by automating complex tasks like prompt optimization.
  • Importance of User-Centric Design: The critical need for an intuitive UI/UX to make powerful underlying technology accessible to a broad audience, regardless of their technical background.
  • Full-Stack Development Best Practices: Deepened our understanding of building scalable applications with Next.js, Supabase, and integrating various APIs effectively.
  • Iterative Development & Feedback: The value of a phased development approach (MVP first) for validating ideas and incorporating user feedback for continuous improvement.
  • Security by Design: Emphasizing Row Level Security (RLS) and server-side API key management from the outset to protect user data and sensitive information.

What's next for Nonanyt Craft

Nonanyt Craft is continuously evolving. Our future plans include:

  • Template-driven Prompt Generation: Introducing pre-designed templates for specific photography styles or art genres to further streamline prompt creation.
  • Enhanced AI Control: Providing more granular control over AI enchantment parameters, such as focusing on specific details or generating negative prompts.
  • Community Features: Developing more robust sharing, discovery, and collaboration tools for prompts, fostering a vibrant user community.
  • Developer API Expansion: Broadening the capabilities of our API for third-party integrations and custom workflows.
  • Advanced Analytics: Implementing deeper insights into prompt performance and user behavior for ongoing optimization.

---anyt Craft

Built With

Share this project:

Updates