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

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 and Microsoft Forms.

Built with

• React
  • TypeScript
    • 
  • React
    • 
    • 
    • 
    • 
    • 
  • Chakra UI
    • 
    • 
    • 
    • 
    • 
    • 
  • Redux Toolkit
    • 
    • 
    • 
    • 
  • Miscellaneous
    • 
    • 
    • 
    • 
    • 
    • 
    • 
    • 
• Laravel
  • Authentication
    •