Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 3c59b6a

Browse files
author
smishra38@sapient.com
committed
First Commit of React-Javascript-Quiz-App
0 parents commit 3c59b6a

24 files changed

+10286
-0
lines changed

‎.gitignore

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
# See https://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# testing
7+
/coverage
8+
9+
# production
10+
/build
11+
12+
# misc
13+
.DS_Store
14+
.env
15+
npm-debug.log*
16+
yarn-debug.log*
17+
yarn-error.log*
18+
19+
node_modules

‎README.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# React-ES6 based Javascript Quiz
2+
3+
This gist contains the code to create a simple "javascript quiz" with react & ES6. In this version, you only see the first layout of the app, where you are presented with some questions and their 4 possible answers.
4+
5+
##There is no interactivity yet on this app in this version. As we move along, we'll add the interactivity to this project.
6+
7+
#Setup
8+
9+
First, fork this gist to your own account by clicking the fork symbol in the upper right.
10+
11+
Then copy the clone URL to your clipboard.
12+
13+
Assuming you'll have Node already installed, go with following commands and you'll be good to go:
14+
15+
1. npm install //to install all the dependencies
16+
17+
2. npm start --watch //to start the server
18+
19+
20+
## Then analyse the code and enhance the quiz
21+

‎package.json

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{
2+
"name": "react-javascript-quiz-app",
3+
"version": "0.1.0",
4+
"author": "Satyam Mishra",
5+
"private": true,
6+
"dependencies": {
7+
"create-react-class": "^15.6.0",
8+
"prop-types": "^15.5.10",
9+
"react": "^15.5.4",
10+
"react-dom": "^15.5.4",
11+
"react-router-dom": "^4.0.0-beta.8",
12+
},
13+
"devDependencies": {
14+
"eslint": "^3.19.0",
15+
"eslint-plugin-react": "^7.0.1",
16+
"react-scripts": "0.9.5",
17+
},
18+
"scripts": {
19+
"start": "react-scripts start",
20+
"build": "react-scripts build",
21+
"test": "react-scripts test --env=jsdom",
22+
"eject": "react-scripts eject"
23+
}
24+
}

‎public/_assets/css/app.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
.footer{
2+
position: absolute;
3+
4+
padding-left: 60px;
5+
}
6+
.question {
7+
background-color: #C3FAF4;
8+
padding: 10px;
9+
margin-bottom: 10px;
10+
}
11+
12+
.options {
13+
background-color: #E5F7F5;
14+
padding: 10px;
15+
margin-bottom: 10px;
16+
}
17+
18+
.options:hover {
19+
background-color: #C3FAF4;
20+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /