Abstract

• Imagen is a text-to-image generator web app.
• Used NextJS with TypeScript for building this project.
• Used AuthJS for integrating Google SignIn Authentication, reference: AuthJS
• Used Prisma ORM for database access and management, reference: Prisma
• Used Zod for Input Validation, reference: zustand
• Used ShadCN to integrate pre-built components, reference: shadCN
• Used Framer-Motion for animating the components, reference: Framer-motion
• Used NeonDB database for storing the users data, reference: NeonDB
• Used Pollination.ai for generating the images, refernece: Pollination.ai

Tech Stack

• NextJS
• TypeScript
• TailwindCSS
• AuthJS
• Prisma
• Framer-Motion
• Zod
• PostgreSQL
• NeonDB

Requirements Specification

Functional Requirements

• Text-to-Image Generation: Users can generate images from textual prompts using the Pollinations.ai API.
• User Authentication: Users can log in using Google OAuth via Next-Auth to access personalized features.
• Image History: Users can view their past generated images along with the corresponding prompts in the profile section.

Non-Functional Requirements

• High availability and performance.
• User-friendly interface with responsive design

High-level designs

Conceptual Model

Deployment Diagram

Low-level designs

ER Diagram

Data Flow Diagram

Use Case Diagram

Class Diagram

Activity Diagram

Sequence Diagram