ragTech Content Generator

Generate on-brand visuals for social/community platforms with ready-made templates and strict layout rules per platform.

Live app: not deployed, run on local host
Templates: Episode release, ig story highlight, event announcement, video overlays
Platforms: Instagram post/story, LinkedIn cover, Meetup banner (sizes auto-applied), YT thumbnail, video overlays
Export: One-click image export of the composed canvas

Tech stack

# install deps
npm install

# run dev server
npm run dev

# build & start
npm run build
npm start

# ESLint (Next.js + TS + React)
npm run lint
# Auto-fix
npm run lint:fix
# Prettier
npm run format

Export uses a DOM-to-image utility to capture the #canvas element.
Each template enforces responsive spacing, typography, and platform-safe layout rules.

Issues and PRs welcome. Keep commits small and focused; follow the existing code style and lint rules.

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
components		components
lib		lib
pages		pages
public		public
styles		styles
templates		templates
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
eslint.config.ts		eslint.config.ts
next-env.d.ts		next-env.d.ts
next.config.mjs		next.config.mjs
package-lock.json		package-lock.json
package.json		package.json
postcss.config.mjs		postcss.config.mjs
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json
vercel.json		vercel.json