Giters

thanhlong2803 / to-implement-question-answer-employee-in-an-angular-application

It help to create more question about Angular and ASP.Net Core. (Do you like the angular ? "Yes" or "No")

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

reactjs-bootstrapapi-restjavascriptreact-router

Employee and for judging of the management

REQUIREMENTS

  1. You are required to write a brief (maximum 1 page) technical specification for the solution to the problem described below.
  2. For Database design please provide an ERD (Entity Relationship Diagram, hand drawn on paper is also acceptable).
  3. Implement the application using Asp.net core Net6 and Use Bootstrap With React

PROBLEM

A private enterprise wants to test employee’s working knowledge and competence on a regular basis (say monthly). Each test is composed of a number of multiple choice questions. The number of questions in each test is varied and determined by the test creator at creation time. The number of choices (options) for each question is minimum of 2 (True of False type of question) and maximum of 6 with only 1 is correct. This enterprise would like to develop computer software to assist in automating the testing process. The software shall perform the following core functions: • Creating a Questionnaire Database (QD). • Creating a test using two methods: a. Random Selection: User inputs number of questions for the test and software shall randomly selects the questions from its Questionnaire Database (QD created above). Compulsory condition: A newly added question in the QD shall be selected at least in the next 3 test creations.
b. Manual Selection: The user shall manually select each question from the QD for the test. • Saving test results for reviewing by each employee and for judging of the management.

Database desgin

enter image description here

Struct question management in ASP.Net core

enter image description here

A lot API for management show Swager

enter image description here enter image description here

Struct question management with use bootstrap(4.0) with react .

Learn how to install bootstrap 4 in react.js. Bootstrap is a CSS framework

Follow page https://react-bootstrap.github.io/getting-started/introduction/ Install bootstrap 4.0 enter image description here

For example React Project Structure

enter image description here

The project apply library for react js

  • using react-router-dom
  • using react-webpack
  • using rxjs
  • using react-bootstrap
  • using axios

Desgin UI List for react

enter image description here

Desgin UI AddOrUpdate for react

enter image description here

About

It help to create more question about Angular and ASP.Net Core. (Do you like the angular ? "Yes" or "No")

reactjs-bootstrapapi-restjavascriptreact-router

Languages

Language:C# 37.2%Language:HTML 29.1%Language:JavaScript 22.0%Language:TypeScript 6.7%Language:CSS 4.6%Language:Less 0.5%