{"id":26219412,"url":"https://github.com/hngprojects/ai-ad-gen-frontend","last_synced_at":"2025-12-24T09:53:32.017Z","repository":{"id":280889058,"uuid":"942570837","full_name":"hngprojects/AI-Ad-Gen-Frontend","owner":"hngprojects","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-05T20:43:28.000Z","size":7844,"stargazers_count":0,"open_issues_count":12,"forks_count":0,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-05T21:48:43.003Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/hngprojects.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}},"created_at":"2025-03-04T10:10:29.000Z","updated_at":"2025-03-05T19:25:07.000Z","dependencies_parsed_at":"2025-03-05T21:49:13.655Z","dependency_job_id":"7fa509e9-d174-466e-83c2-9d9521b20ca2","html_url":"https://github.com/hngprojects/AI-Ad-Gen-Frontend","commit_stats":null,"previous_names":["hngprojects/ai-ad-gen-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hngprojects%2FAI-Ad-Gen-Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hngprojects%2FAI-Ad-Gen-Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hngprojects%2FAI-Ad-Gen-Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hngprojects%2FAI-Ad-Gen-Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hngprojects","download_url":"https://codeload.github.com/hngprojects/AI-Ad-Gen-Frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243230090,"owners_count":20257645,"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":[],"created_at":"2025-03-12T14:17:54.605Z","updated_at":"2025-12-24T09:53:31.973Z","avatar_url":"https://github.com/hngprojects.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Genz.ad\n\nThis is the official README file for the Genz.ad Project using [Next.js](https://nextjs.org) bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).\n\n## Figma Design\n[View the Figma design here](https://www.figma.com/design/WQT88LFkfo65NqDHng2Kyd/New-AI-Ads-Gen?node-id=0-1\u0026p=f\u0026t=2jDnxBFVTgA56yiY-0)\n\n## Getting Started\nWe are making use of pnpm so if you are not familiar with it or haven't heard it before, chances are you don't have it installed\n\nInstall using:\n```bash\nnpm i -g pnpm\n```\n\nRun the development server:\n\n```bash\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n### Form Validation\nFor the Newsletter section, a simple form validation should be implemented using react form hooks or zod\n\n### Design Implementation\nCreate PIXEL PERFECT DESIGNS, it can not be iterated enough!!\n\n## Team Instructions: Using PRs for Genz.ad frontend Development\nAs a team lead, I want to ensure our code meets high standards before merging to the main branch of the adgen-ai-frontend repository. Follow these these steps to work on your allocated tasks, show your progress, and get my approval:\n\n### 1. Clone the Repository to your PC\nGo to the adgen-ai-frontend repository on GitHub https://github.com/hngprojects/AI-Ad-Gen-Frontend/\n\nClick the Fork button in the top-right corner.\n\nChoose your personal GitHub account to create a fork ([Genz.ad repo](https://github.com/hngprojects/AI-Ad-Gen-Frontend/)).\n\nOpen a terminal and clone the repo:\n```bash\ngit clone https://github.com/hngprojects/AI-Ad-Gen-Frontend/edit/main/README.md\ncd adgen-ai-frontend\n```\n\n\n### 2. Create a Feature Branch in the repo\nFor an allocated task (e.g., \"Implement Header with Navigation\"), create a branch for it\n\n```bash\ngit checkout -b feature/header-navigation\n```\n\nName your branch descriptively (e.g., feature/your-issue-title).\n\n### 3. Develop Your Code\nWork on your component or section in this branch.\n\nUse Next.js, TypeScript, Shadcn UI, and Tailwind CSS as outlined in the issue.\n\nEnsure your code:\nMatches the Adgen-ai Figma design, make pixel perfect design\n\nUses TypeScript for type safety.\n\nLeverages Shadcn UI components (e.g., Button, Card) with Tailwind styling.\n\nIs responsive (works on mobile, tablet, desktop).\n\nFollows Next.js conventions (e.g., src/components/, src/pages/).\n\nTest locally with npm run dev and check for console errors.\n\n### 4. Commit and Push to the branch you created\nCommit frequently with clear messages:\n```bash\n\ngit add .\ngit commit -m \"feat(header): Implement navigation with logo and links\"\n```\n\nPush to your branch(not the main repo):\n```bash\n\ngit push origin feature/header-navigation\n```\n\n### 5. Create a Pull Request (PR) to the Main Repository\nGo to your fork on GitHub, click Pull requests → New pull request.\n\nSelect your branch (e.g., feature/header-navigation) and compare it with the main repo’s main branch (e.g., yourusername/adgen-ai-frontend:main).\n\nTitle the PR: \"feat: Implement Header with Navigation\" (match the issue title).\n\nIn the description, include:\nA link to the issue (e.g., #1 for Issue 1).\n\nA summary of changes (e.g., \"Added Header component with sticky navigation, responsive design, and Tailwind styling\").\n\n\nClick Create pull request.\n\n### 6. Notify Me for Review\nI’ll review the code, check the design match, and ensure it is good to go.\n\n\n### 7. Wait for My Approval\nI’ll review the PR, focusing on:\nCode quality (TypeScript, linting, formatting).\n\nGood commit messages [Check here to learn about writing good commit messages](https://www.freecodecamp.org/news/how-to-write-better-git-commit-messages/)\n\nDesign accuracy (Figma match, responsiveness).\n\nFunctionality (no errors, interactive states work).\n\nOnce approved, I’ll merge the PR into main.\n\n\n\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n- [Tailwind Documentation](https://tailwindcss.com/docs/installation/using-vite)\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhngprojects%2Fai-ad-gen-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhngprojects%2Fai-ad-gen-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhngprojects%2Fai-ad-gen-frontend/lists"}