{"id":28349650,"url":"https://github.com/nathan-somto/designr","last_synced_at":"2026-04-12T15:02:46.011Z","repository":{"id":293815446,"uuid":"885147408","full_name":"Nathan-Somto/designr","owner":"Nathan-Somto","description":"An AI powered graphic design editor, with live collaborative features and offline editing developed to help creatives bootstrap ideas.","archived":false,"fork":false,"pushed_at":"2025-06-15T22:49:14.000Z","size":1693,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-15T23:59:07.405Z","etag":null,"topics":["better-auth","collaboration","drizzle-orm","fabricjs","google-oauth","graphic-design","live-blocks","motion","multi-tenant","nextjs","postgresql","react","saas","sentry","sonner","tailwindcss","turborepo","typescript","vercel","xata"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nathan-Somto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-11-08T03:28:38.000Z","updated_at":"2025-06-15T22:49:18.000Z","dependencies_parsed_at":"2025-05-17T10:33:55.894Z","dependency_job_id":"f22fb7e9-ab89-450d-bcc2-622330e916bf","html_url":"https://github.com/Nathan-Somto/designr","commit_stats":null,"previous_names":["nathan-somto/designr"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Nathan-Somto/designr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nathan-Somto%2Fdesignr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nathan-Somto%2Fdesignr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nathan-Somto%2Fdesignr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nathan-Somto%2Fdesignr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nathan-Somto","download_url":"https://codeload.github.com/Nathan-Somto/designr/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nathan-Somto%2Fdesignr/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260686862,"owners_count":23046602,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["better-auth","collaboration","drizzle-orm","fabricjs","google-oauth","graphic-design","live-blocks","motion","multi-tenant","nextjs","postgresql","react","saas","sentry","sonner","tailwindcss","turborepo","typescript","vercel","xata"],"created_at":"2025-05-27T20:10:41.026Z","updated_at":"2026-04-12T15:02:46.000Z","avatar_url":"https://github.com/Nathan-Somto.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./readme_assets/logo.svg\" alt=\"Designr Logo\" width=\"80\" height=\"80\" /\u003e\n   \u003ch1 style=\"\n    color: #895af6;\n   \"\u003eDesignr\u003c/h1\u003e\n\u003c/div\u003e\n\nDesignr is a fullstack AI-Powered SaaS Graphic design tool, developed to speed up prototyping of custom designs. Leverage our vast collection of community templates to speed your next design idea.\n \n## Status\nThe core logic for the editor is being rewritten into a hook that encapulates all the editor functionality. The editor is currently in a broken state as a result of this.\n\n## 📚 Reason for Project\n\nI did a course in my final year called Graphics and Animation, the information taught there did not really scratch the surface, so I wanted to do a deep dive into the topic by building this application which also takes some inspiration from Figma and Canva in terms of design.\n\n## 🛠️ Project Structure\n\nIt's a monorepo powered by TurboRepo with the following project structure:\n\n- **apps/web:** 🌐 The main web application \n- **packages/use-editor:** 🎨 A hook that encapsulates all the editors functionality\n- **packages/ui:** 💅 The shared Shadcn UI components and Tailwind CSS config used by both the web app and editor\n- **packages/eslint-config:** 📏 The ESLint config used throughout the app\n- **packages/typescript-config:** 📘 Shared TypeScript configuration throughout the app\n- **packages/validators:** 🛡️ Shared validation functions used throughout the app\n\n## 🚀 Tech Stack\n\nDesignr makes use of an up to date tech stack to support its features:\n\n- **Frontend**: Next js, Tailwind CSS(v3), Fabric.js, Zustand\n- **Backend**: Convex\n- **Authentication**: Clerk\n- **Payments**: Stripe (for handling subscriptions)\n- **Media**: Cloudinary (for image storage) and Unsplash API (for stock images)\n\n---\n\n## ⚙️ Getting Started\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- **Node.js** (v18 or higher)\n- **TurboRepo** for managing the monorepo\n-  **npm** for package management\n\n### 🚀 Running the Project\n\n1. **Clone the Repository**:\n   ```bash\n   git clone https://github.com/yourusername/designr.git\n   cd designr\n   ```\n\n2. **Install Dependencies**:\n   ```bash\n   npm install\n   ```\n\n3. **Running the Web Application**:\n   Navigate to `apps/web` and start the Next.js server:\n   ```bash\n   cd apps/web\n   npm dev\n   ```\n\n\n\n### 🧪 Testing\n\n1. **Running Unit Tests**:\n   ```bash\n   npm test\n   ```\n\n2. **Linting and Formatting**:\n   ```bash\n   npm lint\n   npm format\n   ```\n\n### 📜 Monorepo Commands\n\n\n- **Build all packages**:\n  ```bash\n  npm turbo run build\n  ```\n\n- **Clean all packages**:\n  ```bash\n  npm turbo run clean\n  ```\n\n- **Run dev for all packages**:\n  ```bash\n  npm turbo run dev\n  ```\n\n---\n\n## 🌐 Deployment\n\nThe app is deployed on **Vercel**, which has awesome support for monorepos.\n\n## 👥 Contributing\n\n\nIf you want to contribute, please follow these steps:\n\n1. **Fork the repository**.\n2. **Create a new branch** (`git checkout -b feature-branch-name`).\n3. **Commit your changes** (`git commit -m 'Add some feature'`).\n4. **Push to the branch** (`git push origin feature-branch-name`).\n5. **Open a pull request**.\n\nIf you’d like to discuss what you want to contribute, please feel free to file an issue!\n\n---\n\n## 🧰 Additional Resources\n\n- [TurboRepo Documentation](https://turborepo.com/docs)\n- [Clerk Documentation](https://clerk.dev/docs)\n- [Convex Documentation](https://drizzle-orm.dev/)\n\n---\n\nHappy coding! 😊 Let’s create something amazing together with **Designr**!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathan-somto%2Fdesignr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnathan-somto%2Fdesignr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnathan-somto%2Fdesignr/lists"}