https://github.com/zs1l3nt/web-formby
A website to create powerful and modern forms, then let users fill in their responses to the forms
https://github.com/zs1l3nt/web-formby
chakraui ec2 laravel php react redux typescript vercel
Last synced: 7 months ago
JSON representation
A website to create powerful and modern forms, then let users fill in their responses to the forms
- Host: GitHub
- URL: https://github.com/zs1l3nt/web-formby
- Owner: zS1L3NT
- License: gpl-3.0
- Created: 2022-04-20T15:31:48.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-30T05:11:23.000Z (almost 3 years ago)
- Last Synced: 2025-01-28T12:44:29.943Z (8 months ago)
- Topics: chakraui, ec2, laravel, php, react, redux, typescript, vercel
- Language: TypeScript
- Homepage:
- Size: 838 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Formby
    
Formby is a form creation website that aims to act like Google Forms or Microsoft Forms.
View the video demonstration of the website [here](https://youtu.be/56A5XV-Q-PA)
## Motivation
I need a deliverable for my FWEB (Full Stack Web Development) submission so I looked around for a cool project idea to build.
## Features
- Authentication
- Login with email and password
- Register with email and password
- Logout
- Update user profile
- Update password
- Forms
- Creating & Editing
- Form name
- Form description
- Final form preview
- Form questions
- Add question
- Duplicate
- Edit question
- Question title
- Question description
- Question type
- Reorder questions
- Delete question
- Change authentication requirements
- Deleting
- Responding
- Allow submitting as anonymous if allowed
## Usage
### React Frontend
```
$ npm i
$ npm run dev
```
### Laravel Backend
Copy the `.env.example` file to `.env` then fill in the json file with the correct project credentials.
```
$ composer install
$ php artisan migrate:fresh --seed
$ php artisan serve
```
## Credits
A lot of inspiration came from [Google Forms](https://forms.google.com) and [Microsoft Forms](https://forms.microsoft.com).
## Built with
- React
- TypeScript
- [](https://npmjs.com/package/typescript)
- React
- [](https://npmjs.com/package/@babel/core)
- [](https://npmjs.com/package/react)
- [](https://npmjs.com/package/react-dom)
- [](https://npmjs.com/package/react-icons)
- [](https://npmjs.com/package/react-router-dom)
- Chakra UI
- [](https://npmjs.com/package/@chakra-ui/icons)
- [](https://npmjs.com/package/@chakra-ui/react)
- [](https://npmjs.com/package/@chakra-ui/styled-system)
- [](https://npmjs.com/package/@chakra-ui/system)
- [](https://npmjs.com/package/@emotion/react)
- [](https://npmjs.com/package/@emotion/styled)
- Redux Toolkit
- [](https://npmjs.com/package/@reduxjs/toolkit)
- [](https://npmjs.com/package/immer)
- [](https://npmjs.com/package/react-redux)
- [](https://npmjs.com/package/use-immer)
- Miscellaneous
- [](https://npmjs.com/package/luxon)
- [](https://npmjs.com/package/react-beautiful-dnd)
- [](https://npmjs.com/package/react-chartjs-2)
- [](https://npmjs.com/package/react-colorful)
- [](https://npmjs.com/package/react-error-boundary)
- [](https://npmjs.com/package/react-select)
- [](https://npmjs.com/package/validate-any)
- [](https://npmjs.com/package/vite)
- Laravel
- Authentication
- [](https://packagist.org/packages/tymon/jwt-auth)