Giter Site home page Giter Site logo

form-builder's Introduction

YourForms.App

Link to Deployed Application

https://yourforms.app/

Overview

Fast & easy customizable forms for any situation. Whether you want to create a grocery list for your next party, draft interview questions, surveys, or a travel bucket list, YourForms.App has you covered. Built with React and MUI, this app offers clean and accessible UX that allows users to create an account and publish all of their forms in one, organized place.

Offering a published link right from the dashboard allows users a quick and easy way to share their forms with anyone they want (a feature that Google Forms does not have). Integrated with PayPal API, users can pay for premium features such as unlimited form hosting capacity.

Table of Contents

User Story

AS A user
I WANT an organized place to create and publish forms
SO THAT I can easily find and share my forms with necessary friends and stakeholders

Acceptance Criteria

WHEN I land on the homepage of the app
THEN I am presented with the option to sign in or create a new account
WHEN I create a new account
THEN I am taken to a new screen to input my username, email, and password
WHEN I sign in
THEN I am taken to my personalized dashboard with an option to add a new form
WHEN I click the + button on the card to create a new form
THEN I am shown a pop-up to input the title and description for my form
WHEN I click "create form"
THEN I am taken to my form with the correct title and have options to add a header, divider, and question
WHEN I add content to my form
THEN I can view the formatted page updated with content of what my form will look like 
WHEN I hover over the content
THEN I am shown a pencil button to edit the content
WHEN I am editing the content in edit mode
THEN I am presented with the option to save or delete the content
WHEN I am adding new content to the form
THEN I have the option to clear form, delete form, save form, or publish form
WHEN I click "PUBLISH"
THEN I am shown a clickable link to view my published form
WHEN I click "BACK TO MY FORMS"
THEN I am taken back to my dashboard
WHEN I click the "Published"
THEN I am shown the published link with the ability to copy the link right from the dashboard
WHEN I click "RESPONSES"
THEN I see a timed log of every user update to the form
WHEN I sign out
THEN I am taken back to the log in landing page

User Instructions (Visual References):

Wireframes & Enhancements

View our wireframes to understand our flows and enhancements.

Created Using:

  • React.js
  • GraphQL
  • Node.js and Express.js
  • MongoDB
  • PayPal API
  • MUI
  • Deployed on: Heroku

Contributors

License

This application is covered under MIT License

License: MIT


© 2022 YourForms.App. All Rights Reserved.

form-builder's People

Contributors

benw10-1 avatar nialvo avatar grdnd avatar racheldmarron avatar mrjeoffrey avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.