{"id":22003660,"url":"https://github.com/zs1l3nt/web-formby","last_synced_at":"2026-04-12T17:11:10.803Z","repository":{"id":56748197,"uuid":"483711789","full_name":"zS1L3NT/web-formby","owner":"zS1L3NT","description":"A website to create powerful and modern forms, then let users fill in their responses to the forms","archived":false,"fork":false,"pushed_at":"2022-11-30T05:11:23.000Z","size":858,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-28T12:44:29.943Z","etag":null,"topics":["chakraui","ec2","laravel","php","react","redux","typescript","vercel"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zS1L3NT.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-04-20T15:31:48.000Z","updated_at":"2023-12-29T21:18:23.000Z","dependencies_parsed_at":"2022-08-16T01:30:43.286Z","dependency_job_id":null,"html_url":"https://github.com/zS1L3NT/web-formby","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zS1L3NT%2Fweb-formby","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zS1L3NT%2Fweb-formby/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zS1L3NT%2Fweb-formby/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zS1L3NT%2Fweb-formby/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zS1L3NT","download_url":"https://codeload.github.com/zS1L3NT/web-formby/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245061377,"owners_count":20554563,"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":["chakraui","ec2","laravel","php","react","redux","typescript","vercel"],"created_at":"2024-11-30T00:10:24.896Z","updated_at":"2026-04-12T17:11:10.772Z","avatar_url":"https://github.com/zS1L3NT.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Formby\n\n![License](https://img.shields.io/github/license/zS1L3NT/web-react-formby?style=for-the-badge) ![Languages](https://img.shields.io/github/languages/count/zS1L3NT/web-react-formby?style=for-the-badge) ![Top Language](https://img.shields.io/github/languages/top/zS1L3NT/web-react-formby?style=for-the-badge) ![Commit Activity](https://img.shields.io/github/commit-activity/y/zS1L3NT/web-react-formby?style=for-the-badge) ![Last commit](https://img.shields.io/github/last-commit/zS1L3NT/web-react-formby?style=for-the-badge)\n\nFormby is a form creation website that aims to act like Google Forms or Microsoft Forms.\u003cbr\u003e\n\nView the video demonstration of the website [here](https://youtu.be/56A5XV-Q-PA)\n\n## Motivation\n\nI need a deliverable for my FWEB (Full Stack Web Development) submission so I looked around for a cool project idea to build.\n\n## Features\n\n-   Authentication\n    -   Login with email and password\n    -   Register with email and password\n    -   Logout\n    -   Update user profile\n    -   Update password\n-   Forms\n    -   Creating \u0026 Editing\n        -   Form name\n        -   Form description\n        -   Final form preview\n        -   Form questions\n            -   Add question\n            -   Duplicate\n            -   Edit question\n                -   Question title\n                -   Question description\n                -   Question type\n            -   Reorder questions\n            -   Delete question\n            -   Change authentication requirements\n    -   Deleting\n    -   Responding\n        -   Allow submitting as anonymous if allowed\n\n## Usage\n\n### React Frontend\n\n```\n$ npm i\n$ npm run dev\n```\n\n### Laravel Backend\n\nCopy the `.env.example` file to `.env` then fill in the json file with the correct project credentials.\n\n```\n$ composer install\n$ php artisan migrate:fresh --seed\n$ php artisan serve\n```\n\n## Credits\n\nA lot of inspiration came from [Google Forms](https://forms.google.com) and [Microsoft Forms](https://forms.microsoft.com).\n\n## Built with\n\n-   React\n    -   TypeScript\n        -   [![typescript](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/dev/typescript?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/typescript)\n    -   React\n        -   [![@babel/core](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/dev/@babel/core?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@babel/core)\n        -   [![react](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react)\n        -   [![react-dom](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-dom?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-dom)\n        -   [![react-icons](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-icons?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-icons)\n        -   [![react-router-dom](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-router-dom?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-router-dom)\n    -   Chakra UI\n        -   [![@chakra-ui/icons](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/@chakra-ui/icons?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@chakra-ui/icons)\n        -   [![@chakra-ui/react](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/@chakra-ui/react?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@chakra-ui/react)\n        -   [![@chakra-ui/styled-system](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/dev/@chakra-ui/styled-system?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@chakra-ui/styled-system)\n        -   [![@chakra-ui/system](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/dev/@chakra-ui/system?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@chakra-ui/system)\n        -   [![@emotion/react](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/@emotion/react?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@emotion/react)\n        -   [![@emotion/styled](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/@emotion/styled?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@emotion/styled)\n    -   Redux Toolkit\n        -   [![@reduxjs/toolkit](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/@reduxjs/toolkit?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/@reduxjs/toolkit)\n        -   [![immer](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/immer?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/immer)\n        -   [![react-redux](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-redux?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-redux)\n        -   [![use-immer](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/use-immer?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/use-immer)\n    -   Miscellaneous\n        -   [![luxon](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/luxon?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/luxon)\n        -   [![react-beautiful-dnd](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-beautiful-dnd?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-beautiful-dnd)\n        -   [![react-chartjs-2](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-chartjs-2?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-chartjs-2)\n        -   [![react-colorful](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-colorful?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-colorful)\n        -   [![react-error-boundary](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-error-boundary?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-error-boundary)\n        -   [![react-select](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/react-select?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/react-select)\n        -   [![validate-any](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/validate-any?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/validate-any)\n        -   [![vite](https://img.shields.io/github/package-json/dependency-version/zS1L3NT/web-react-formby/dev/vite?style=flat-square\u0026filename=web-react-formby%2Fpackage.json)](https://npmjs.com/package/vite)\n-   Laravel\n    -   Authentication\n        -   [![tymon/jwt-auth](https://img.shields.io/badge/tymon%2Fjwt--auth-*-blue?style=flat-square)](https://packagist.org/packages/tymon/jwt-auth)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzs1l3nt%2Fweb-formby","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzs1l3nt%2Fweb-formby","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzs1l3nt%2Fweb-formby/lists"}