Back to projects
CompletedViteTailwindVS CodeGitAI/ML+3 more
DreamFrame
DreamFrame is a platform that allows users to generate images using AI.
Timeline1 months
RoleFull Stack
TeamSolo
StatusCompleted
DreamFrame is a platform that allows users to generate images using AI.
Dream Frame is a full-stack web application that enables users to generate high-quality images using AI technology (Fal.ai), manage their generated images, and explore a community feed of shared creations. Built with React and Express.js, the platform combines powerful AI image generation capabilities with a modern, responsive user interface to provide an intuitive experience for creating and sharing AI-generated artwork.
The application leverages advanced AI models (Flux Pro or Stable Diffusion XL) to transform text prompts into stunning visual artwork, while providing users with:
Dream Frame makes AI image generation accessible to everyone, allowing users to unleash their creativity through simple text prompts while building a community around shared artistic creations.
AI Image Generation: Leverages Fal.ai's powerful models (Flux Pro or Stable Diffusion XL) to generate high-quality images from text prompts. Users can create stunning artwork by simply describing what they want to see.
User Accounts & Authentication: Secure authentication system powered by Supabase, allowing users to create accounts, manage profiles, and securely access their personal galleries and settings.
Image Gallery: Personal gallery feature that allows users to view, organize, and manage all their generated images in one place. Provides easy access to past creations and the ability to track generation history.
Community Explore Feed: A public feed showcasing images created by other users, enabling discovery of creative works, inspiration, and community engagement. Supports pagination for browsing through large collections.
Usage Limits & Tracking: System to track and limit free image generations per user, helping manage API costs while providing fair access to all users. Displays current usage statistics and remaining generation credits.
Responsive Modern UI: Beautiful, responsive interface built with React and Tailwind CSS, featuring smooth animations with Framer Motion and accessible components from Radix UI. Optimized for both desktop and mobile experiences.