{"id":20802153,"url":"https://github.com/saadazghour/modal-builder","last_synced_at":"2026-04-13T15:33:41.632Z","repository":{"id":184075391,"uuid":"670199065","full_name":"saadazghour/modal-builder","owner":"saadazghour","description":"✨ Modal Builder is a web application built with NextJS and ReactJS.","archived":false,"fork":false,"pushed_at":"2024-09-18T14:34:18.000Z","size":483,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-18T12:34:43.736Z","etag":null,"topics":["form-validation","formik","formik-form","nextjs","reactjs","tailwindcss","tyepscript"],"latest_commit_sha":null,"homepage":"https://modal-builder.vercel.app","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/saadazghour.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":"2023-07-24T14:05:04.000Z","updated_at":"2024-09-18T14:34:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"32393597-88f5-47eb-b916-a8c2b628da78","html_url":"https://github.com/saadazghour/modal-builder","commit_stats":null,"previous_names":["saadazghour/modal-builder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadazghour%2Fmodal-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadazghour%2Fmodal-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadazghour%2Fmodal-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadazghour%2Fmodal-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saadazghour","download_url":"https://codeload.github.com/saadazghour/modal-builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243147270,"owners_count":20243745,"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":["form-validation","formik","formik-form","nextjs","reactjs","tailwindcss","tyepscript"],"created_at":"2024-11-17T18:28:29.962Z","updated_at":"2026-04-13T15:33:36.605Z","avatar_url":"https://github.com/saadazghour.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modal Builder\n\nModal Builder is a web application built with NextJS that allows users to easily create and customize custom popups (modals) for their websites with ease. The modals are designed to display forms that can be handled with the [Formik](https://formik.org/) library to efficiently collect user inputs.\n\n[Formik](https://formik.org/) is a popular form library for React that simplifies form management, validation, and submission.\n\nTo learn more about [Formik](https://formik.org/) and how to use it, please refer to the [Formik Documentation](https://formik.org/docs/overview).\n\n🔗 [Live Project: Modal Builder](https://modal-builder.vercel.app)\n\n📝 [Source Code: GitHub Repository](https://github.com/saadazghour/modal-builder)\n\n## Technologies\n\nModal Builder is built using the following technologies:\n\n- [NextJS](https://nextjs.org/) - A React framework for server-side rendering and static site generation.\n- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.\n- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapid UI development.\n- [TypeScript](https://www.typescriptlang.org/) - A typed superset of JavaScript that compiles to plain JavaScript.\n- [Formik](https://formik.org/) - A popular form library for React that helps with form handling, validation, and submission.\n\n## Installation\n\nTo get started with Modal Builder on your local machine, follow these steps :\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/saadazghour/modal-builder.git\n```\n\n2. Change to the project directory:\n\n```bash\ncd modal-builder\n```\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\n- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n- This is a [NextJS](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Contributing\n\nContributions to Modal Builder are welcome! If you find a bug, have suggestions for improvement, or want to add new features, feel free to open an issue or submit a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## Learn More\n\nTo learn more about NextJS, take a look at the following resources:\n\n- [NextJS Documentation](https://nextjs.org/docs) - learn about NextJS features and API.\n- [Learn NextJS](https://nextjs.org/learn) - an interactive NextJS tutorial.\n\nYou can check out [the NextJS GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadazghour%2Fmodal-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaadazghour%2Fmodal-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadazghour%2Fmodal-builder/lists"}