Agentix is a next-generation AI automation platform that transforms how businesses handle repetitive tasks and decision-making processes. By integrating Google's Generative AI with a robust full-stack architecture, Agentix provides intelligent agents that can understand context, automate workflows, and deliver actionable insights in real-time.
This public repo includes only 30–40% of the production code.
This is a showcase repository containing architectural documentation, component structures, and implementation examples
The full source code, including custom animations, proprietary components, and specific styling implementations, remains private to maintain the unique identity of my portfolio.
If you'd like deeper access — happy to walk through the full implementation privately during interviews.
🚀 Live Demo: https://agentix.prajyotkhadse.com/
🎨 Design Inspiration: https://agent.framer.wiki/
- Turborepo monorepo setup with shared packages
- Core structural code: Next.js pages, components and responsive Header and Footer sections
- UI/UX implementation: styling with Tailwind CSS and Shadcn UI, animations/transitions via Framer Motion, interactive UI elements
- Custom Tanstack query and Zustand stores and providers
- Client-side form logic (e.g. contact form), validation using Zod, and integration placeholders (e.g. Email.js)
- Clean, modular architecture: components, utilities, type-safe code (TypeScript), and reusable UI primitives
- A minimal and maintainable file/folder structure that reflects best frontend and backend practices
-
AI Agent Integration: Seamlessly integrates Google GenAI to provide intelligent task automation and real-time responses across various business functions.
-
Authentication and User Management: Clerk handles secure, scalable authentication with support for multiple identity providers, enabling easy team onboarding and access control.
-
Real-Time Data Fetching & State Management: Utilizes Tanstack Query for efficient data fetching and caching, and Zustand for lightweight yet powerful global state management.
-
Database & Persistence: Backed by PostgreSQL with Neon Database and Drizzle as ORM for serverless, scalable, and fast relational data storage.
-
Responsive & Smooth UI: Built with Tailwind CSS, Framer Motion, and Lenis for responsive design, fluid animations, and smooth scrolling
-
Schema Validation: Zod is used to validate form inputs and API requests, ensuring data integrity
-
Monorepo Architecture: Turborepo allows for organized, scalable codebases across multiple packages
-
Email Notifications: Email.js sends confirmation emails and notifications for key platform activities
-
Deployment & Hosting: Vercel is used for frontend deployment with optimized performance
-
Clone the repository
git clone https://github.com/Rajyo/agentix-starter.git cd agentix-starter -
Install dependencies
pnpm install
-
Copy environment template
cd apps/web cp env.local.example .env cd packages/db cp env.local.example .env
-
Run Development server
pnpm run dev
- Next.js 14 - React framework with App Router
- TypeScript - Type-safe development
- React 19 - UI component library
- Tailwind CSS - Utility-first CSS framework
- Shadcn UI - Accessible component library
- Framer Motion - Animation library
- Lucide React - Icon library
- Lenis - Smooth scroll
- Google GenAI - Generative AI capabilities
- Custom Prompts - Tailored AI responses for business contexts
- Clerk - User authentication and management
- JWT - Secure token-based authentication
- PostgreSQL - Relational database
- Neon Database - Serverless Postgres with branching
- Drizzle - Type-safe ORM
- Zustand - Lightweight global state management
- Tanstack Query - Server state, caching, and data fetching
- Turborepo - Monorepo build system for managing multiple packages
- Vercel - Frontend deployment and hosting
- EmailJS - Email notification service
- pnpm - Fast, efficient package manager
- Zod - Schema validation
- React Hook Form - Form state management
- EmailJS - Email service integration
- ESLint - Code linting
- Prettier - Code formatting
.
├── apps
│ ├── admin
│ │ ├── app
│ │ │ ├── favicon.ico
│ │ │ ├── globals.css
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── public
│ │ │ ├── file.svg
│ │ │ ├── globe.svg
│ │ │ ├── next.svg
│ │ │ ├── vercel.svg
│ │ │ └── window.svg
│ │ ├── eslint.config.mjs
│ │ ├── .gitignore
│ │ ├── next.config.ts
│ │ ├── package.json
│ │ ├── postcss.config.mjs
│ │ ├── README.md
│ │ └── tsconfig.json
│ └── web
│ ├── actions
│ │ ├── ai-agents
│ │ │ ├── analyze-sentiment-action.ts
│ │ │ ├── generate-content-action.ts
│ │ │ ├── interview-behavioral-agent.ts
│ │ │ ├── itinerary-travel-agent.ts
│ │ │ ├── recommend-book-agent.ts
│ │ │ ├── remove-ai-agent-content-action.ts
│ │ │ └── summarize-text-action.ts
│ │ ├── agents-actions.ts
│ │ ├── ai-generated-data-action.ts
│ │ └── user-actions.ts
│ ├── app
│ │ ├── agents
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── api
│ │ │ ├── behavioral-interview-answers-feedback
│ │ │ │ └── route.ts
│ │ │ ├── behavioral-interview-questions
│ │ │ │ └── route.ts
│ │ │ ├── book-recommendation
│ │ │ │ └── route.ts
│ │ │ ├── content-generation
│ │ │ │ └── route.ts
│ │ │ ├── sentiment-analysis
│ │ │ │ └── route.ts
│ │ │ ├── sync-user
│ │ │ │ └── route.ts
│ │ │ ├── text-summarization
│ │ │ │ └── route.ts
│ │ │ └── travel-itinerary
│ │ │ └── route.ts
│ │ ├── (auth)
│ │ │ ├── sign-in
│ │ │ │ └── [[...sign-in]]
│ │ │ │ └── page.tsx
│ │ │ ├── sign-up
│ │ │ │ └── [[...sign-up]]
│ │ │ │ └── page.tsx
│ │ │ └── layout.tsx
│ │ ├── blog
│ │ │ ├── [slug]
│ │ │ │ └── page.tsx
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── contact
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── legal
│ │ │ ├── cookie-policy
│ │ │ │ └── page.tsx
│ │ │ ├── privacy-policy
│ │ │ │ └── page.tsx
│ │ │ └── layout.tsx
│ │ ├── pricing
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── (private)
│ │ │ ├── ai-agents
│ │ │ │ ├── [[...slug]]
│ │ │ │ │ └── page.tsx
│ │ │ │ └── layout.tsx
│ │ │ └── profile
│ │ │ ├── layout.tsx
│ │ │ └── page.tsx
│ │ ├── waitlist
│ │ │ └── page.tsx
│ │ ├── favicon.ico
│ │ ├── global.css
│ │ ├── layout.tsx
│ │ ├── not-found.tsx
│ │ └── page.tsx
│ ├── components
│ │ ├── ai-agents
│ │ │ ├── BehavioralInterview.tsx
│ │ │ ├── BookRecommendation.tsx
│ │ │ ├── ContentGeneration.tsx
│ │ │ ├── SentimentAnalysis.tsx
│ │ │ ├── TextSummarization.tsx
│ │ │ └── TravelItinerary.tsx
│ │ ├── AgentCard.tsx
│ │ ├── AgentSection.tsx
│ │ ├── AppSidebar.tsx
│ │ ├── BehavioralInterviewCard.tsx
│ │ ├── BehavioralInterviewFeedback.tsx
│ │ ├── BentoGridSection.tsx
│ │ ├── BlogCard.tsx
│ │ ├── BlogSection.tsx
│ │ ├── CoreValueFeaturesSection.tsx
│ │ ├── CountdownWrapper.tsx
│ │ ├── DuoFeaturesSection.tsx
│ │ ├── FAQSection.tsx
│ │ ├── Footer.tsx
│ │ ├── GetAccessSection.tsx
│ │ ├── Header.tsx
│ │ ├── HeroSection.tsx
│ │ ├── HowItWorksSection.tsx
│ │ ├── PartnerSection.tsx
│ │ ├── PolicyPageSection.tsx
│ │ ├── PricingPageSection.tsx
│ │ ├── ScrollToTop.tsx
│ │ ├── TestimonialSection.tsx
│ │ └── TravelItineraryCard.tsx
│ ├── hooks
│ │ └── set-zustand-data.ts
│ ├── lib
│ │ └── data.ts
│ ├── providers
│ │ ├── agent-store-provider.tsx
│ │ ├── lenis-provider.tsx
│ │ ├── tanstack-query-provider.tsx
│ │ └── user-store-provider.tsx
│ ├── stores
│ │ ├── agent-store.ts
│ │ └── user-store.ts
│ ├── utils
│ │ └── AnimateButtonText.tsx
│ ├── components.json
│ ├── env.local.example
│ ├── eslint.config.js
│ ├── .gitignore
│ ├── index.d.ts
│ ├── middleware.ts
│ ├── next.config.mjs
│ ├── package.json
│ ├── postcss.config.mjs
│ └── tsconfig.json
├── packages
│ ├── db
│ │ ├── src
│ │ │ ├── schema
│ │ │ │ ├── schema.ts
│ │ │ │ └── types.ts
│ │ │ ├── client.ts
│ │ │ ├── index.ts
│ │ │ └── seedDb.ts
│ │ ├── drizzle.config.ts
│ │ ├── env.local.example
│ │ ├── eslint.config.js
│ │ ├── .gitignore
│ │ ├── package.json
│ │ ├── tsconfig.json
│ │ └── tsconfig.lint.json
│ ├── eslint-config
│ │ ├── base.js
│ │ ├── .gitignore
│ │ ├── next.js
│ │ ├── package.json
│ │ ├── react-internal.js
│ │ └── README.md
│ ├── typescript-config
│ │ ├── base.json
│ │ ├── nextjs.json
│ │ ├── package.json
│ │ ├── react-library.json
│ │ └── README.md
│ └── ui
│ ├── src
│ │ ├── components
│ │ │ ├── animated-text.tsx
│ │ │ ├── avatar.tsx
│ │ │ ├── badge.tsx
│ │ │ ├── breadcrumb.tsx
│ │ │ ├── button.tsx
│ │ │ ├── card.tsx
│ │ │ ├── checkbox.tsx
│ │ │ ├── collapsible.tsx
│ │ │ ├── custom-checkbox.tsx
│ │ │ ├── custom-textarea.tsx
│ │ │ ├── date-time-countdown.tsx
│ │ │ ├── dropdown-menu.tsx
│ │ │ ├── form-fields.tsx
│ │ │ ├── form.tsx
│ │ │ ├── .gitkeep
│ │ │ ├── hero-section-highlight.tsx
│ │ │ ├── input.tsx
│ │ │ ├── label.tsx
│ │ │ ├── multi-select.tsx
│ │ │ ├── section-header.tsx
│ │ │ ├── select.tsx
│ │ │ ├── separator.tsx
│ │ │ ├── sheet.tsx
│ │ │ ├── sidebar.tsx
│ │ │ ├── skeleton.tsx
│ │ │ ├── sonner.tsx
│ │ │ ├── sparkles.tsx
│ │ │ ├── textarea.tsx
│ │ │ ├── text-update.tsx
│ │ │ └── tooltip.tsx
│ │ ├── hooks
│ │ │ ├── .gitkeep
│ │ │ └── use-mobile.ts
│ │ ├── lib
│ │ │ ├── utils.ts
│ │ │ └── zod.ts
│ │ ├── styles
│ │ │ └── globals.css
│ │ └── index.ts
│ ├── components.json
│ ├── eslint.config.js
│ ├── .gitignore
│ ├── package.json
│ ├── postcss.config.mjs
│ ├── tsconfig.json
│ └── tsconfig.lint.json
├── .gitignore
├── LICENSE
├── package.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── README.md
├── tsconfig.json
└── turbo.json
The full source code lives in a private repository because it contains internal logic and configurations.
I’m happy to:
- Share additional snippets privately on request
- Screen-share the full repo during an interview and walk through the architecture
- Explain specific design decisions in more depth
- 📧 Email: prajyotkhadse7@gmail.com
- 🌐 Website: prajyotkhadse.com
- 💼 Open to Full-Stack, Frontend, and AI Engineering roles.