alheimsins / bigfive-web Goto Github PK

The page does not contain a heading, skip link, or landmark region

When accessing the frontpage for the first time language is identified by request-country, so that the user user language automatically will be selected in language select-element, but when user refreshes the page the automatically selection is lost.

See logic in https://github.com/Alheimsins/bigfive-web/blob/master/pages/_app.js#L13 and https://github.com/Alheimsins/bigfive-web/blob/master/pages/index.js#L41

Hi,
Thank you very much, this project is a great idea!

There are errors when trying to install it on glitch.com
I changed localhost to the correct domain name, adapted to use mLab db and had to run next build in the console and it ran.
Web page is showing at https://alheimsins-bigfive-web.glitch.me, but example and finalizing the test throw client errors in the console, it's related to the db since the results collection is not created.
For example:
{name: "Internal Server Error.", message: "500 - Internal Server Error.", statusCode: 500}

SW registered:  
ServiceWorkerRegistration {scope: "https://alheimsins-bigfive-web.glitch.me/", updateViaCache: "imports", active: ServiceWorker, installing: null, navigationPreload: NavigationPreloadManager, …}
active: ServiceWorker {scriptURL: "https://alheimsins-bigfive-web.glitch.me/service-worker.js", state: "activated", onerror: null, onstatechange: null}
installing: null
navigationPreload: NavigationPreloadManager {}
onupdatefound: null
paymentManager: PaymentManager {instruments: PaymentInstruments, userHint: ""}
pushManager: PushManager {}
scope: "https://alheimsins-bigfive-web.glitch.me/"
sync: SyncManager {}
updateViaCache: "imports"
waiting: null
__proto__: ServiceWorkerRegistration

You can see more errors if you test it directly at https://alheimsins-bigfive-web.glitch.me
AFAIK, there are no error in the server console though https://glitch.com/edit/#!/alheimsins-bigfive-web
If you can't access the server, tell me your glitch username and I'll grant you write access.

I tried with now.sh but I don't get why it can't see the now.json in my repo at project creation and from the local CLI I get something weird:

PS E:\bigfive-web> .\now-win.exe secrets add b5-db-connection "username:[email protected]:25574/db"
> Error! The secret name "b5-db-connection" already exists for this user
PS E:\bigfive-web> .\now-win.exe
> WARN! You are using an old version of the Now Platform. More: https://zeit.co/docs/v1-upgrade
> Deploying E:\bigfive-web under zeitco14
> Error! No secret found by uid or name "b5_db_connection"
> More details: https://err.sh/now-cli/env-no-secret

Frankly, glitch is far easier, all I need, I think, is to figure out is the db connection.
Thanks for your help.

Hello, could you please help me with this error?

Hello,

is it possible to remove a few languages? I don't want to offer that much languages. I would appreciate your help! Thanks!

lighthouse reports Form elements do not have associated labels (in frontpage, /results, /compare).

Use aria-label?

Hello,

I tried to deploy this application to Heroku/Now. Unfortunately, I get some errors, when I try to deploy. A few months ago it still worked. Now it doesn't even work on my local machine. In cmd, I type npm install than npm run dev. It says Server compiled successfully but I can't open on localhost:3000. I would appreciate your help.

Thank you!

Overall styling and UX improvement needed

10 minutes to take test seems fine, but 120 questions is daunting.
Find a better text and replace it.

See the text at https://bigfive-test.com/

The following test contains 120 questions who is estimated to take you about 10 minutes.

It would be good to include https://ipip.ori.org/30FacetNEO-PI-RItems_Maples_etal.htm (published the same year as Johnson's inventory) to the system.
Bonus: it would be useful if there is a plugin system that allows others in https://ipip.ori.org/newMultipleconstructs.htm to be added into bigfive-web.

Edit the file named FEATURE_REQUEST.md if you have any suggestion for this repo or website OR create a pull request :-)

Read the readme.md for more information or comment if you need more information or help!

hi,

do you have a now.json with version 2?

I would like to know how to change the results language. Can I decide in which language the results will be displayed?

Port charts to the newest version of react-google-charts

Start by:

git clone https://github.com/Alheimsins/bigfive-web
cd bigfive-web
npm install

Create this file in the root-directory:

.env

DB_CONNECTION=hacktoberfest:[email protected]:53659/bigfive
DB_COLLECTION=test
URL=http://localhost:3000

And run npm run dev

npm un --save @alheimsins/react-google-charts
npm i --save react-google-charts

Change charts in: https://github.com/Alheimsins/bigfive-web/blob/master/components/Summary.js and https://github.com/Alheimsins/bigfive-web/blob/master/components/SummaryCompare.js

See that it scales on mobile and works.

HI there, the license link is broken. I want to install on a test server but eventually use for users of an app Im developing.

https://github.com/Alheimsins/bigfive-web/blob/master/LICENSE

The newest and all future releases of b5-johnson-120-ipip-neo-pi-r has moved to the @Alheimsins namespace. Switch to @alheimsins/b5-johnson-120-ipip-neo-pi-r

Hello,

After deploying it to now again, I still have the old "German" in the test. Do you have any idea how to fix that?
On my local machine, it's working. I already did a new clone, but when I deploy it at now, there is also the old questions.

Hello,
I was able to install the program version 1.0.6 and host the server on port 3000, using the latest nodejs and npm distribution 12.8.0.

When running the site, clicking on the example report causes the site to crash, the logfile indicates that the dev script couldn't run. This crash also corrupts the npm installation which must be repaired by restoring the ownership of the script files like chown-R user:usergroup

user@server [~]# info it worked if it ends with ok 1 verbose cli 'dev' 1 verbose cli ] 2 info using [email protected] 3 info using [email protected] 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle [email protected]~predev: [email protected] 6 info lifecycle [email protected]~dev: [email protected] 7 verbose lifecycle [email protected]~dev: unsafe-perm in lifecycle true 8 verbose lifecycle [email protected]~dev: PATH: /home/gqqrfwmy/.nvm/versions/no de/v12.8.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/gq qrfwmy/bigfive-web/node_modules/.bin:/home/gqqrfwmy/.nvm/versions/node/v12.8.0/b in:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/bin:/usr/bin:/usr/local/sb in:/usr/sbin:/opt/cpanel/composer/bin:/home/gqqrfwmy/.local/bin:/home/gqqrfwmy/b in 9 verbose lifecycle [email protected]~dev: CWD: /home/gqqrfwmy/bigfive-web 10 silly lifecycle [email protected]~dev: Args: [ '-c', 'node server.js' ] 11 silly lifecycle [email protected]~dev: Returned: code: 1 signal: null 12 info lifecycle [email protected]~dev: Failed to exec dev script 13 verbose stack Error: [email protected] dev: node server.js13 verbose stack Exit status 1 13 verbose stack at EventEmitter.<anonymous> (/home/gqqrfwmy/.nvm/versions/n ode/v12.8.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:326:16) 13 verbose stack at EventEmitter.emit (events.js:203:13) 13 verbose stack at ChildProcess.<anonymous> (/home/gqqrfwmy/.nvm/versions/n ode/v12.8.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:203:13) 13 verbose stack at maybeClose (internal/child_process.js:1021:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_proc ess.js:283:5) 14 verbose pkgid [email protected] 15 verbose cwd /home/gqqrfwmy/bigfive-web 16 verbose Linux 3.10.0-862.9.1.el7.x86_64 17 verbose argv "/home/gqqrfwmy/.nvm/versions/node/v12.8.0/bin/node" "/home/gqqr fwmy/.nvm/versions/node/v12.8.0/bin/npm" "run" "dev" 18 verbose node v12.8.0 19 verbose npm v6.10.2 20 error code ELIFECYCLE 21 error errno 1 22 error [email protected] dev:node server.js22 error Exit status 1 23 error Failed at the [email protected] dev script. 23 error This is probably not a problem with npm. There is likely additional log ging output above. 24 verbose exit [ 1, true ]

In trying to create an example test result I ran the test for the first time. Clicking "get results" in the button on the last page did not execute anything. I then lost the test data by clicking another link. No errors are reported in the log.

Is this a possible database connectivity issue? It was running mongodb-enterprise (shell) version 4.0.11

Thank you for your input, it's wonderful that this project exists!

Since the language name is given by ISO 639-1, language code with variants/country code (e.g., zh-CN, pt-BR) are not displayed properly.

We should considering using standards such as ISO 15924 or BCP 47.

Hello. I can't log in and collect data from the test.

• [NodeJS installed]
• [NextJS installed] as bigfive-web\node_modules\next
• [Micro installed] as bigfive-web\node_modules\micro
• [MongoDB intalled]
• [Docker installed ]

When I tried to complete command "vim config.js" it hasn't worked. With the message "undefined command"
Next, I go through to the localhost:3000 and visually website works fine but login and result don't work.
What I should do with that? My MongoDB Compass application has localhost:27017 and works with a blank authentication. I may have installed it all, but so inexperienced and without certain knowledge that I cannot figure it out.
https://imgur.com/a/G35xEwl

lighthouse raises the following issue on viewport size:

The viewport code is located here:
https://github.com/Alheimsins/bigfive-web/blob/master/components/alheimsins/Layout.js#L9

When changing the viewports initial-scale to 1, the mobile view is way of.

I am getting several errors when attempting to deploy, errors from "No secret found by uid or name" to "missing script: deploy". I would like assistance, thanks in advance.

Once I get to step #6 of the now.md "npm run deploy" I am receiving this message:

now && now alias

UPDATE AVAILABLE The latest version of Now CLI is 15.8.5
Run the now update command to update to the latest version
Changelog: https://github.com/zeit/now-cli/releases/tag/15.8.5
WARN! You are using an old version of the Now Platform. More: https://zeit.co/docs/v1-upgrade
Deploying ~\bigfive-web under ronaldineo
Using project bigfive-web
Error! You tried to create a Now 1.0 deployment. Please use Now 2.0 instead: https://zeit.co/upgrade
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy: now && now alias
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ronis\AppData\Roaming\npm-cache_logs\2019-07-25T13_07_59_015Z-debug.log

Once I run "now update" I receive this error: > "Error! Permission denied to modify file "C:\Users\ronis\AppData\Roaming\npm\node_modules\now\download\dist\now.exe". Please run again with an Administrator Command Prompt."

Even after I run again with an Administrator Command prompt, can anyone provide any assistance? Thanks in advance

Switch text direction on questions when language is Urdu (ltr-rtl).

Create a simple information page about privacy

• What information is stored.
• Where the data is stored.
• The usage of google analytics.

Hi,

I am trying to run your website to run a personality test as part of a larger study.

But I have problems running the docker deployed production version of the website.
Specifically, the write access to MongoDB seems to be the problem.

Using > npm run dev everything is working fine, all results are written to the mongodb on localhost:27017

When I run the docker file to run the app inside docker I start having problems connecting to MongoDB.
After running docker build --tag=bigfive .
inside my app folder, I get the following error when trying to complete the personality test on localhost:3000 with a remote cluster running mongodb

/src/node_modules/mongodb/lib/mongo_client.js:421 throw err ^ MongoError: connection 0 to cluster0-shard-00-00-0oylq.mongodb.net:27017 closed at Function.MongoError.create (/src/node_modules/mongodb-core/lib/error.js:29:11) at Socket.<anonymous> (/src/node_modules/mongodb-core/lib/connection/connection.js:214:22) at Object.onceWrapper (events.js:277:13) at Socket.emit (events.js:189:13) at TCP._handle.close (net.js:597:12) Emitted 'error' event at: at /src/node_modules/mongojs/lib/database.js:31:16 at connectCallback (/src/node_modules/mongodb/lib/mongo_client.js:527:5) at /src/node_modules/mongodb/lib/mongo_client.js:418:11 at process._tickCallback (internal/process/next_tick.js:61:11) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: NODE_ENV=production node server.js npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

here is my config.js:

module.exports = { JWT_SECRET: process.env.JWT_SECRET || 'Gibberish, jibberish, jibber-jabber and gobbledygook', DB_CONNECTION: process.env.DB_CONNECTION || '*****:*****@cluster0-shard-00-00-0oylq.mongodb.net:27017', DB_COLLECTION: process.env.DB_COLLECTION || 'results', URL: process.env.URL || 'http://localhost:3000' }

This same error persists for using a MongoDB on localhost:27017

Any hints on how to fix this would be much appreciated!

It would be good to have https://github.com/zrrrzzt/b5-web in the readME.
On a related note https://github.com/zrrrzzt/b5-web#related

bigfive-web Different approach to testsite based on microservices

I get Bellow Error when i try to run application with npm.

OS: CentOS7
node: v6.16.0
npm: v3.10.10

`[root@server bigfive-web]# npm run dev

[email protected] dev /home/miladkhosh/domains/miladkhoshdel.com/public_html/bigfive-web
node server.js

/home/miladkhosh/domains/miladkhoshdel.com/public_html/bigfive-web/node_modules/next-server/dist/lib/router/router.js:352
async fetchComponent(route) {
^^^^^^^^^^^^^^

SyntaxError: Unexpected identifier
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:549:28)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.require (module.js:504:17)
at require (internal/module.js:20:19)
at Object. (/home/miladkhosh/domains/miladkhoshdel.com/public_html/bigfive-web/node_modules/next/dist/client/router.js:24:32)

npm ERR! Linux 3.10.0-957.10.1.el7.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "dev"
npm ERR! node v6.16.0
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] dev: node server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script 'node server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the bigfive-web package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs bigfive-web
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls bigfive-web
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/miladkhosh/domains/miladkhoshdel.com/public_html/bigfive-web/npm-debug.log`

Add multi language support on the home page

i.e. https://github.com/zeit/next.js/tree/canary/examples/with-react-intl

Hello,

I would like to have a variable, that I can use after submitting the test like the data._id.
Thanks for your great program!

Hi there,
I see in this repo there is not mention of the 50-item IPIP. Is that still available or has it been discontinued in this version? PS: thanks for the hard work here. this is a really great resource!

Hello, when i wrote npm run dev command there was an error like that and it didn't run on localhost. What should i do ?

When user clicks on the link icon in the share section of the results page at https://bigfive-test.com/result/58a70606a835c400c8b38e84

I want the notification text to smoothly fade in and out

Link to code:
https://github.com/Alheimsins/bigfive-web/blob/master/components/SocialShare.js#L24

On registry https://registry.npmjs.org/, the "latest" version (v3.2.1) of dependency nsp has the following deprecation notice:

The Node Security Platform service is shutting down 9/30 - https://blog.npmjs.org/post/175511531085/the-node-security-platform-service-is-shutting

Marking the latest version of an npm package as deprecated results in the entire package being considered deprecated, so contact the package author you think this is a mistake.

Please take the actions necessary to rename or substitute this deprecated package and commit to your base branch. If you wish to ignore this deprecation warning and continue using nsp as-is, please add it to your ignoreDeps array in Renovate config before closing this issue, otherwise another issue will be recreated the next time Renovate runs.