Simple vue-flow-form creation with firebase backend Vuejs Plain Javascript in SDN and npm example

I need a test so that I can make sure I can create a vue-flow-form connected to firebase and saved cars show up in admin as always.. Because admin I won't be rebuilding at the moment. That seems like a simple solution that will take little time and we will extend it further to the latter. Flutter app will take much more time and we will do it as next step. Now I need to have a working variant as soon as possible so that I already have something under the old domain. Can receive requests and further build content and have it indexed. My old system is good enough to continue working for another year or two while I'm busy with other things.

Action plan

View examples

• Create a form in Glitch https://github.com/ditdot-dev/vue-flow-form/blob/master/README.md#usage-with-plain-javascript-via-cdn Plain Javascript in SDN
• Connect form to firebase if possible but I think so.. So that correct data is added. So actually finishing in javascript without a logo and bells and whistles.
• Create project with npm and build it with templates for production
  

Application created for this test. 

https://auto-verkopen-belgiecom.glitch.me/auto-verkopen-form.html 

If you need beter integration Vuejs with firebase. 

https://vuefire.vuejs.org/guide/getting-started.html

NPM version

When your prototype application is ready, you can prepare your app for production. 

Go in www / public directory of your firebase project and start a vue project there then add your follow form depance.

 

sudo npm install -g @vue/cli 

vue create auto-verkopen-form

 

cd auto-verkopen-form

 

To add Vue Flow Form as a dependency to your Vue project, use the following:

npm install @ditdot-dev/vue-flow-form --save

 

vim src/App.vue

 

and now you can move your code to App.vue file

 

npm run build

 

 

Or  sometimes you could get some errors. So, you have to fix it. 

 

Building for production...

 ERROR  Failed to compile with 1 error                                                                                                                         18:39:40

[eslint]
/Users/sergejdergatsjev/Documents/auto-verkopen-belgie.com/auto-verkopen-belgie/www/auto-verkopen-form/src/App.vue
  11:11  error  Component name "Form example" should always be multi-word  vue/multi-word-component-names

✖ 1 problem (1 error, 0 warnings)


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
 ERROR  Error: Build failed with errors.

 

So, so it continues to expand further and further. More and more madness.. Like build automation if you want to change something and then people don't see how many actually fields in form. That can also put off the fact that you're in a maybe huge form.

 

It looks interesting but I won't be putting it into production. I will use tailwindUI tempalte for contact form if I used it before and put it much clearer on 1 page so I can link from anywhere.

 

Interesting app but in my opinion Vue.js is too complicated for 1 form. I doubt that this technology will actually improve conversion. My time will certainly eat up because I have already lost quite a few hours studying it. 

 

All these build systems that is really overkill for a form of 3 fields.