Home project using ReactJS
Based on create-react-app.
To launch develop env: npm start
Production build: npm build
Requirement Stack list:
- Webpack;
- ReactJS;
- Lint.
Description:
Project with allow users to determine who is the King of the Hill in the wonderful world of Anime by answering the questions from which title currently displayed character is.
Determination will be measured by the number of correct answers. The number of questions will be stored as a const in properties.
After the question series the score screen should be presented with following:
- Score of teh knowledge from 0 to 10. Algoritm is = round((correct answers / total questions) * 10);
- Motivation phrase and screen (5 of them), which is depends from the knowledge. e.g: "baka/random person/knows about anime from friends/a Man of Culture/Otaku-sama";
- "share" button, logic to be discussed;
- "try again" button, which will reset the session;
Details:
- When user visits the URL it will always load new session;
- There will be 4 options to answer from;
- It should be SPA;
- Name of the character is optional and should be displayed regarding from settings (const);
- In case correct answer is selected - chosen option is marked with green color;
- In case incorrect answer is selected - chosen option is marked with red color, correct answer is marked with green color
- After the option is selected, the "next question" button will appear, which will lead to the next question;
- Result screen should also contain short info about database: how much characters are used from how much titles.