webbylab / itsquiz-wall Goto Github PK

Thanks for sharing, do you have any explicit license file?

npm run nodemon

Example:

Hi guys,
I think you guys do the great job for far.
I just wonder how you guys do tests in this project?

Step to reproduce:

1. Go to https://wall.itsquiz.com/activations/57f74e2668387c6f1c553018/test-your-media-literacy-skills
2. Click on any similar test
3. Look at awful loading screen

Now when I am switching the quiz I see old quiz's background image while new quiz is loading.

Example:

after server side is doing fetchData, client side also dispatching the action and react component is getting re rendered. Any idea even if redux state is not changing, react dom is getting re rendered ?

Also in your code base, react-router and history modules seems to be out of sync.

Here is the recommendation from Google:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwall.itsquiz.com

Googl thinks that there is the problem:

But in real it looks like:

Hi,

Thank you so much for open sourcing this repo and explaining it along! I definitely learned a not from this repo.

When I try to disable JavaScript in the browser and clicking one of the link, it doesn't go through the link, because there is no href attribute in the UI. I'm just wondering how does this play out in being SEO friendly?

Hi Guys,
Under which license this app is released?

Best.

Nevermind :)

Any thoughts on adding testing to this repo? I'm curious to see how to test react-mdl components since often times they are deep down in divs.

So I get that you are using webpack-dev-server alongside nodemon to serve the static assets, but for deploying something like this into a production environment. are you changing some configs to grab stuff from static directly?

this project not have test,
i want to do it.
how i do?

In the first place thanks for sharing your knowledges about React in real world situation, it's highly appreciated.

I would like to know how to integrate a client side dependency that is using Window, Navigator (Openlayers 3 and Highcharts for example).
I just need to bypass the SSR of this client only dependencies and execute all this code in browser only.

Is it easy to implement this specific behavior there ?

I tried inject directly from the componentDidMount handler as this :

 componentDidMount() {
        const ol = require('openlayers');

        ol.Map({
            target: 'map',
            layers: [
                new ol.layer.Tile({
                    source: new ol.source.OSM()
                })
            ],
            view: new ol.View({
                center: [0, 0],
                zoom: 2
            })
        });

        this.forceUpdate();
    }

And also add this line to my component render :

<div id="map" className="map"/>

But I got this error :

TypeError: Cannot read property 'bind' of undefined
    at Object.H [as Map] (eval at <anonymous> 

when running it locally, I keep getting eslint errors complaining about can't find eslint-plugin-more
I did some quick investigation and found that eslint-config-webbylab requires a peer dependency of eslint-plugin-more, version 3

peerDependecies
 "eslint-plugin-more": "^0.0.3"

but version 3 actually doesn't exist anymore

npm ERR! version not found: [email protected]                                                                                                                                            
npm ERR!                                                                                                                                                                                        
npm ERR! If you need help, you may report this error at:                                                                                                                                        
npm ERR!     <https://github.com/npm/npm/issues>                                                                                                                                                

npm ERR! Please include the following file with any support request:                                                                                                                            
npm ERR!     d:\itsquiz-wall\npm-debug.log            

for now, I have to disable linting to make it work. It would be great if you guys can fix it.
Again, thanks for making it open source and I really love the work you guys have done!

Hi guys,

I've checkout this project and follow running steps, when running it in local(), console log display a lot of issues (so other features not works well). Could you please help?

Below is some issues:

• VM4872:1 Uncaught Error: Cannot find module "react/lib/ReactMount"(…)
• client?8753:75 ./client/app.js

/Volumes/DATA/e-learning/samples/itsquiz-wall/client/app.js
1:1 error Definition for rule 'more/no-void-map' was not found more/no-void-map
1:1 error Definition for rule 'more/no-c-like-loops' was not found more/no-c-like-loops
1:1 error Definition for rule 'more/prefer-includes' was not found more/prefer-includes

• client?8753:75 ./shared/store/configureStore.js

/Volumes/DATA/e-learning/samples/itsquiz-wall/shared/store/configureStore.js
1:1 error Definition for rule 'more/no-void-map' was not found more/no-void-map
1:1 error Definition for rule 'more/no-c-like-loops' was not found more/no-c-like-loops
1:1 error Definition for rule 'more/prefer-includes' was not found more/prefer-includes

Use ContextReplacementPlugin to filter languages from moment.js

webpack/webpack#87

-100kb of bundle size

Now every time I change tab all quizzes are reloaded. They could be easily cached

npm run nodemon

[email protected] nodemon /home/brw314/react/itsquiz-wall
nodemon --exec babel-node -- server/runner.js

sh: 1: nodemon: not found

npm ERR! Linux 4.1.0-insomnia247
npm ERR! argv "/home/brw314/.node_local/bin/node" "/home/brw314/.node_local/bin/npm" "run" "nodemon"
npm ERR! node v5.1.0
npm ERR! npm v3.3.12
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] nodemon: nodemon --exec babel-node -- server/runner.js
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] nodemon script 'nodemon --exec babel-node -- server/runner.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 itsquiz-wall package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! nodemon --exec babel-node -- server/runner.js
npm ERR! You can get their info via:
npm ERR! npm owner ls itsquiz-wall
npm ERR! There is likely additional logging output above.

0 info it worked if it ends with ok
1 verbose cli [ '/home/brw314/.node_local/bin/node',
1 verbose cli '/home/brw314/.node_local/bin/npm',
1 verbose cli 'run',
1 verbose cli 'nodemon' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prenodemon', 'nodemon', 'postnodemon' ]
5 info lifecycle [email protected]prenodemon: [email protected]
6 silly lifecycle [email protected]prenodemon: no script for prenodemon, continuing
7 info lifecycle [email protected]nodemon: [email protected]
8 verbose lifecycle [email protected]nodemon: unsafe-perm in lifecycle true
9 verbose lifecycle [email protected]nodemon: PATH: /home/brw314/.node_local/lib/node_modules/npm/bin/n
ode-gyp-bin:/home/brw314/react/itsquiz-wall/node_modules/.bin:/home/brw314/.nvm:/home/brw314/code/go/bin:
/home/brw314/opt/java/jdk1.8.0_45/bin:/home/brw314/opt/java/jdk1.8.0_45/jre/bin:/home/brw314/.meteor:/hom
e/brw314/.node_local/bin:/home/brw314/.npm/bin:/home/brw314/.npm/bin:/usr/local/bin:/usr/bin:/bin:/usr/lo
cal/games:/usr/games:/home/brw314/clj:/home/brw314/bin/go/bin:/home/brw314/bin/go/bin
10 verbose lifecycle [email protected]nodemon: CWD: /home/brw314/react/itsquiz-wall
11 silly lifecycle [email protected]nodemon: Args: [ '-c', 'nodemon --exec babel-node -- server/runner.
js' ]
12 info lifecycle [email protected]nodemon: Failed to exec nodemon script
13 verbose stack Error: [email protected] nodemon: nodemon --exec babel-node -- server/runner.js
13 verbose stack spawn ENOENT
13 verbose stack at ChildProcess. (/home/brw314/.node_local/lib/node_modules/npm/lib/utils
/spawn.js:17:16)
13 verbose stack at emitTwo (events.js:87:13)
13 verbose stack at ChildProcess.emit (events.js:172:7)
13 verbose stack at maybeClose (internal/child_process.js:818:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
14 verbose pkgid [email protected]
15 verbose cwd /home/brw314/react/itsquiz-wall
16 error Linux 4.1.0-insomnia247
17 error argv "/home/brw314/.node_local/bin/node" "/home/brw314/.node_local/bin/npm" "run" "nodemon"
18 error node v5.1.0
19 error npm v3.3.12
20 error file sh
21 error code ELIFECYCLE
22 error errno ENOENT
23 error syscall spawn
24 error [email protected] nodemon: nodemon --exec babel-node -- server/runner.js
24 error spawn ENOENT
25 error Failed at the [email protected] nodemon script 'nodemon --exec babel-node -- server/runner.js'.
25 error Make sure you have the latest version of node.js and npm installed.
25 error If you do, this is most likely a problem with the itsquiz-wall package,
25 error not with npm itself.
25 error Tell the author that this fails on your system:
25 error nodemon --exec babel-node -- server/runner.js
25 error You can get their info via:
25 error npm owner ls itsquiz-wall
25 error There is likely additional logging output above.

Hi team,

Currently, we config socialAuthURL/emailAuthURL to https://app.itsquiz.com, is this external webapp and no open source? How could I config authorization authorization in localhost, and redirect to itsquiz's profile page after success login.

Thanks.

Hello,

The Profile page is not properly aligned for mobile devices. I'd be happy to send a PR for this if that's fine.

http://imgur.com/tw9Dxxm

Raul

babel-node not meant for production use
maybe it's appropriate to transpile server side sources like here

I cloned the app and I am getting error compiling the js, it is complaining the for loop in the reducer, activation.js from line 31- 37 and I rewrite using foreach lodash function
import { forEach } from 'lodash/collection;
forEach(newActivations, (value, key) => {
if (action.offset + key < loadedActivations.length) {
loadedActivations[action.offset + key] = newActivations[key];
} else {
loadedActivations.push(newActivations[key]);
}
});
The error disappear and compiled successfully, not sure I am doing correctly but it working fine. May be it helps someone who cloning this app.

Hi, Thanks for sharing this project!

I get the following error when compiling:

ERROR in ./shared/reducers/activations.js

Z:\GitHub\itsquiz-wall\shared\reducers\activations.js
31:13 error Do not use c-like loop with i++ or i +=1, instead use forEach, Map, or For of more/no-c-like-loops

✖ 1 problem (1 error, 0 warnings

I was able to fix it by replacing the loop statement (line 31) with:

  newActivations.foreach((value, i) => {
                if (action.offset + i < loadedActivations.length) {
                    loadedActivations[action.offset + i] = newActivations[i];
                } else {
                    loadedActivations.push(newActivations[i]);
                }
            });

The problem. If you go to https://wall.itsquiz.com/activations/582b4e032e8ee9741a6136cc/test-how-creative-are-you

You'll see this

in developers console.

The main issue is that we load all tests by the same author. We should load only first 8 and add rest of the quizzes while a user scrolls down (like on main page).