Discussion on NeonWizard - React JS Questionnaire Multistep Form Wizard React JS

Discussion on NeonWizard - React JS Questionnaire Multistep Form Wizard React JS

By
Cart 235 sales
Well Documented

Jthemes supports this item

Supported

This author's response time can be up to 1 business day.

27 comments found.

Hi, is it possible to add this form to a React project with Vite? Reading the comments, I see many issues. Let me know if you were able to address them; I’m interested in implementing it on a website.

Hi I purchased this one but did not get the html version in the file?

Please check your email

I have no idea how to use this react. Is there a chance I can get Html, css, js version ? Or let me know how I can get my refund. I have zero knowledge of react. Sorry.

You can get HTML version if you are Ok with it

please can I have a refund, I was hoping to be able to put this in my react project but that does not seem possible

It seems like this template is very out of date and is a struggle to get working, its not maintained

I can’t get it to install, I have emailed logs

Hi do you do installation and edits?

Please let me know what edits are you looking for? Please email me on jakjim@gmail.com and we will let you know about it

hey there looks so cool :) are you using react hooks?

Hello I just wrote a message but wanted to write from here as well, I just purchased the react version but didn’t receive a code.gs file for using google drive. Can you please provide me code.gs file?

Best.

Please check email

What react version does this project use?

Looks like I forgot to answer this > It’s using react – 16.11.0

Did you made any decision?

Hi i tried npm install but im getting this error

npm ERR! code 1 npm ERR! path /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass npm ERR! command failed npm ERR! command sh -c node scripts/build.js npm ERR! Building: /Users/js4otto/.nvm/versions/node/v15.8.0/bin/node /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/bin/node-gyp.js rebuild—verbose—libsass_ext=—libsass_cflags=—libsass_ldflags=—libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli ’/Users/js4otto/.nvm/versions/node/v15.8.0/bin/node’, npm ERR! gyp verb cli ’/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/bin/node-gyp.js’, npm ERR! gyp verb cli ‘rebuild’, npm ERR! gyp verb cli ‘—verbose’, npm ERR! gyp verb cli ‘—libsass_ext=’, npm ERR! gyp verb cli ‘—libsass_cflags=’, npm ERR! gyp verb cli ‘—libsass_ldflags=’, npm ERR! gyp verb cli ‘—libsass_library=’ npm ERR! gyp verb cli ] npm ERR! gyp info using node-gyp@3.8.0 npm ERR! gyp info using node@15.8.0 | darwin | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing “build” directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable “python2” in the PATH npm ERR! gyp verb `which` succeeded python2 /usr/bin/python2 npm ERR! gyp verb check python version `/usr/bin/python2 -c “import sys; print “2.7.16 npm ERR! gyp verb check python version .%s.%s” % sys.version_info[:3];”` returned: %j npm ERR! gyp verb get node dir no—target version specified, falling back to host node version: 15.8.0 npm ERR! gyp verb command install [ ‘15.8.0’ ] npm ERR! gyp verb install input version string “15.8.0” npm ERR! gyp verb install installing version: 15.8.0 npm ERR! gyp verb install—ensure was passed, so won’t reinstall if already installed npm ERR! gyp verb install version is already installed, need to check “installVersion” npm ERR! gyp verb got “installVersion” 9 npm ERR! gyp verb needs “installVersion” 9 npm ERR! gyp verb install version is good npm ERR! gyp verb get node dir target node version installed: 15.8.0 npm ERR! gyp verb build dir attempting to create “build” dir: /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/build npm ERR! gyp verb build dir “build” dir needed to be created? /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/build npm ERR! gyp verb build/config.gypi creating config file npm ERR! gyp verb build/config.gypi writing out config file: /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/build/config.gypi npm ERR! gyp verb config.gypi checking for gypi file: /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/config.gypi npm ERR! gyp verb common.gypi checking for gypi file: /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/common.gypi npm ERR! gyp verb gyp gyp format was not specified; forcing “make” npm ERR! gyp info spawn /usr/bin/python2 npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args ’/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/gyp/gyp_main.py’, npm ERR! gyp info spawn args ‘binding.gyp’, npm ERR! gyp info spawn args ‘-f’, npm ERR! gyp info spawn args ‘make’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ’/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass/build/config.gypi’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ’/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/addon.gypi’, npm ERR! gyp info spawn args ‘-I’, npm ERR! gyp info spawn args ’/Users/js4otto/.node-gyp/15.8.0/include/node/common.gypi’, npm ERR! gyp info spawn args ‘-Dlibrary=shared_library’, npm ERR! gyp info spawn args ‘-Dvisibility=default’, npm ERR! gyp info spawn args ‘-Dnode_root_dir=/Users/js4otto/.node-gyp/15.8.0’, npm ERR! gyp info spawn args ‘-Dnode_gyp_dir=/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp’, npm ERR! gyp info spawn args ‘-Dnode_lib_file=/Users/js4otto/.node-gyp/15.8.0/<(target_arch)/node.lib’, npm ERR! gyp info spawn args ‘-Dmodule_root_dir=/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass’, npm ERR! gyp info spawn args ‘-Dnode_engine=v8’, npm ERR! gyp info spawn args ‘—depth=.’, npm ERR! gyp info spawn args ‘—no-parallel’, npm ERR! gyp info spawn args ‘—generator-output’, npm ERR! gyp info spawn args ‘build’, npm ERR! gyp info spawn args ‘-Goutput_dir=.’ npm ERR! gyp info spawn args ] npm ERR! No receipt for ‘com.apple.pkg.CLTools_Executables’ found at ’/’. npm ERR! npm ERR! No receipt for ‘com.apple.pkg.DeveloperToolsCLILeo’ found at ’/’. npm ERR! npm ERR! No receipt for ‘com.apple.pkg.DeveloperToolsCLI’ found at ’/’. npm ERR! npm ERR! gyp: No Xcode or CLT version detected! npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1 npm ERR! gyp ERR! stack at ChildProcess.onCpExit (/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/lib/configure.js:345:16) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:378:20) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12) npm ERR! gyp ERR! System Darwin 20.3.0 npm ERR! gyp ERR! command ”/Users/js4otto/.nvm/versions/node/v15.8.0/bin/node” ”/Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” npm ERR! gyp ERR! cwd /Users/js4otto/Downloads/neonwizard-react/V1/node_modules/node-sass npm ERR! gyp ERR! node -v v15.8.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in: npm ERR! /Users/js4otto/.npm/_logs/2021-05-04T04_00_08_351Z-debug.log

Replied on email

Interested in buying!! Can I use these templates on a react based project? I’d like to modify them as per my use. Can I do that?

Its converted from html. You can use your existing react project.

Hi author Please respond to my email. We only need a support for installation as he did not mention it in documentation. Thanks.

As you have mentioned in the documentation i tried doing all steps but it was not installing.

I did npm install but its not working. I have attached the error bellow. Thanks.

Error:-

npm install npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated chokidar@1.7.0: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated postcss-cssnext@3.1.0: ‘postcss-cssnext’ has been deprecated in favor of ‘postcss-preset-env’. Read more at https://moox.io/blog/deprecating-cssnext/ npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1 npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm ERR! code 1 npm ERR! path D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\node-sass npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:\Program Files\nodejs\node.exe D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\node-gyp\bin\node-gyp.js rebuild—verbose—libsass_ext=—libsass_cflags=—libsass_ldflags=—libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli ‘C:\\Program Files\\nodejs\\node.exe’, npm ERR! gyp verb cli ‘D:\\Zealits Job Work\\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\\neonwizard-react\\V1\\node_modules\\node-gyp\\bin\\node-gyp.js’, npm ERR! gyp verb cli ‘rebuild’, npm ERR! gyp verb cli ‘—verbose’, npm ERR! gyp verb cli ‘—libsass_ext=’, npm ERR! gyp verb cli ‘—libsass_cflags=’, npm ERR! gyp verb cli ‘—libsass_ldflags=’, npm ERR! gyp verb cli ‘—libsass_library=’ npm ERR! gyp verb cli ] npm ERR! gyp info using node-gyp@3.8.0 npm ERR! gyp info using node@15.8.0 | win32 | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing “build” directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable “python2” in the PATH npm ERR! gyp verb `which` failed Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:196:21) npm ERR! gyp verb `which` failed python2 Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:196:21) { npm ERR! gyp verb `which` failed code: ‘ENOENT’ npm ERR! gyp verb `which` failed } npm ERR! gyp verb check python checking for Python executable “python” in the PATH npm ERR! gyp verb `which` succeeded python C:\ProgramData\Anaconda3\python.EXE npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Command failed: C:\ProgramData\Anaconda3\python.EXE -c import sys; print “%s.%s.%s” % sys.version_info[:3]; npm ERR! gyp ERR! stack File ”<string>”, line 1 npm ERR! gyp ERR! stack import sys; print “%s.%s.%s” % sys.version_info[:3]; npm ERR! gyp ERR! stack ^ npm ERR! gyp ERR! stack SyntaxError: invalid syntax npm ERR! gyp ERR! stack npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:327:12) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:378:20) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1067:16) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5) npm ERR! gyp ERR! System Windows_NT 10.0.18363 npm ERR! gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “D:\\Zealits Job Work\\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\\neonwizard-react\\V1\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” npm ERR! gyp ERR! cwd D:\Zealits Job Work\themeforest-OYlQG0MB-neonwizard-react-js-questionnaire-multistep-form-wizard-react-js\neonwizard-react\V1\node_modules\node-sassnpm ERR! gyp ERR! node -v v15.8.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Ranjeet\AppData\Local\npm-cache\_logs\2021-03-11T17_03_10_512Z-debug.log

Please wait, let me check again. Did you removed package-lock.json and node_module folder and tried it again?

Hello, Presale : I need statistics also to know how manypeople liked that question etc Does this great survey has statistics ? Solution ?

Sorry for the delayed response, We missed your comment.

We can do that for you as a part of customization. You can provide details about the all tasks and we will provide estimation for same

By our experience in react, there are some points to improve. 1.- Component splitting. all the code work ok but i can not take only the main components like form and stepsBar because is not dynamic 2.- Use styled component in react or module component integration If you improve styled component pattern the css will be more easy to modify and adapt in case we want modify some specific part of the component 3.- Dynamic data in one file . 4.- Change to next-js demo for metadata and vasel integration 5.- Move the status bar to the component inside the stepsBar

Hi, I really like your template! It will probably sounds as a stupid question but I’d like to be 100% sure. Can I edit it as much as I want ? and is it free of rights so I can use it on my website?

Yes you can edit it as per your requirements, You should have basic knowledge of html/css/js.

Yes you can use it for your own site with our regular license

I have bought this theme. I cant see the HTML files in V1 or V1-RTL or the rest of the folders. I see only ‘thank you’ HTML page. can you help.

Please share your purchase code and also send your message through https://themeforest.net/user/jthemes/

is it possible to install on wordpress?

No, We are working on building its WordPress version

HTML version is included?

Yes, Please email me on jakjim@gmail.com and I will provide you html files

Hello, I just bought HTML versions a couple of days ago. And i send you a support message there. What’s the difference between react version and HTML version? Except the programming language. Does both of them send email to the site owner?

React version is for reactjs lovers. This is converted from html. Yes you can send mail as well. Version-one.js has form action. Set action link. Hope this helps.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey