nramc / mock-exam-app Goto Github PK

Mock exam template

JavaScript 1.61% TypeScript 49.48% HTML 39.87% SCSS 9.05%

mock-exam-app's Introduction

MockExamApp

This project was generated with Angular CLI version 12.2.6.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

mock-exam-app's People

Contributors

Watchers

mock-exam-app's Issues

Add shield 🛡 to Readme file

Preview question description in new exam view

It is good that question description supports html markup.
But there is no possibilities to see the markup rendering before creating data json file and only be verified while viewing practice exams.

It would be really nice and helpful if we could provide preview fearure for question description at the time of creating it.

[8d99e8a8-e754-40e9-afd7-0e81165fbedc][310bfb69-d465-427b-b4e3-9b6af7154c8d] -

typo in "Hello Word!"

[8d99e8a8-e754-40e9-afd7-0e81165fbedc][2bf2db20-43a6-4b24-ad06-692c4a735e71] -

input() method can be highlighted with code formatting

Create exam.json data file using gui

At the moment, data json file is being created manually. Moreover currently we have two json file named exam.json and exam-id.json for each exams.
Create a new gui component to create json file with following details,

exam id
Exam name
Description - what will you learn
Tags
No of questions
Min passing score
Display answer when ?
Questions:
Id
Type: multiple choices
Description:
Text * code
Solution
Type: multiple / single
Answer
Explanation

Provide table to visualize all questions with
navigation
Editability
Wizard to populate data

Feasibility to report issues to users

Edit existing data.json file using gui component

Align hight of the card in home page

Align height of the exam card in home page. so that look and feel improved

New exam for Python Built in functions

Create a exam with built-in functions mentioned in the below list,

https://docs.python.org/3/library/functions.html

Customize text editor

Sanitization
Code style
Unified style for text font, color

Add difficulty field to exam model and respective ui

Highlight incorrect answer

At the moment only correct answer being highlighted while displaying answer.
It would be good if we could highlight incorrect answer in red color to users.

Organize all components css styles into SaaS with separate component structure

Display current question number

At the moment we are displaying progress bar to show current status of number of questions answered.

It would be really nice if we could display question number like below.

Question 5 of 20:

Add exam for python chapter 1

Correct answer being displayed wrongly

When display correct answer being selected, previous button reveals correct answer.

Expected behavior:
Correct answer should be displayed only when question submitted by clicking show answer or by exam submission

Improve UI experience by adopting bootstrap radio/checkbox style

Currently implemented radio and checkbox having basic old school style.
By adopting bootstrap radio/checkbox styles, UI experience can be improved much better.

Reference https://getbootstrap.com/docs/4.0/components/input-group/#checkboxes-and-radios

Create unified tag labels

Create new standalone tag component for have unified style.for displaying styles.

Adopt existing implementation to support single data.json file

Once new feature for creating dtata json filr creation delivered , adopt existing implementation which uses two json file to use single data json file.

Note: please keep existing implementation for listing exams. It might be extended to display special learning paths in future.

Remove gulf.js dependency

PCEP-30-02 - Python Data types, Literals & operators

add new exam based on below topics:

data types
literals
operators

Update Readme file with more detailed information

Publish app to GitHub pages

cosmetic error: status banner having wrong background color

Feasibility to Automated packaging using GitHub action

At the moment packaging being done manually before pushing changes to repo.
Find Feasibility to Automate packaging using GitHub actions .

deploy robots.txt file for google crawler

Fix display result option number to string data type issue

Bug: Exam view displays wrong image

Fix warnings in ts files

there are totally 14 warning displayed in console while running application.
please check and fix them.

[8d99e8a8-e754-40e9-afd7-0e81165fbedc][5ec98360-7539-4027-928c-22ee40b30487] -

print() method can highlighted in coding style

[8d99e8a8-e754-40e9-afd7-0e81165fbedc][79bac423-e449-4db2-b67c-0b8dd4f848f7] -

first option supposed to be underscore(_) but mentioned minus (-)

Fix tags generation addition issues

Improve design for exam view

Improve design for summary view

Enhance Save button action

Save button callback can be extended to move to next page. so that user dont have to click twice one for save and another for moving to next page.

Automatically scroll to top when clicking next question

Add title field to question

At the moment, title is not available for question. Add a new field title so that it makes sense to dedicated text for title and description for questions.

Copyright notes to be added

Unified alert and model window

Current model/alert window is looking odd with current theme.

It would be nice if we could have a application specific alert/model window with theme aligned with our theme.

Hide 'show answer' button after exam submission

At the moment, Show Answer button is being displayed after exam submission.
It doesn't make sense displaying the button and disabling it in after exam submission view.

It would be good enhancement if we could hide the button in this case.

Summary page action buttons alignment

Currently exam summary page is having two actional buttons Solutions and Home.
Current alignment seems bit difficult to differentiate actions.

Its worth to consider below points

Highlighting Solutions with Green color to encourage users to vcheck solutions
Primary outline style for home page and display in next line

[8d99e8a8-e754-40e9-afd7-0e81165fbedc][ea8343e9-4947-476b-a2b4-13f172ea74d1] -

correct answer is 83

Make exam card layout reusable

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.