quiz-app | React quiz app | Frontend Framework library

Error while loading rule 'prettier/prettier': context.getPhysicalFilename is not a function Occurred while linting G:\quiz-app\src\index.js

Why is this happening when I have saved my code in vs-code by pressing ctrl+s?

I deployed react-app to GitHub, and when I open it, it shows readme page

I followed these commands

I believe that the error may be here ...

Problem

I have deployed a Node.js/Express.js/Mongoose API to Heroku, however when I hit the endpoints I get a 503 status code and the Heroku prompt telling me there is an application error.

Attempts at a solution

I read on a different Stackoverflow post that you needed to add the MONGODB_URI as a config var in the settings of your Heroku app, so I added the connection string and changed the MongoDB connection to:

I thought this would be easy, but still can't find an easy solution. I simply want to set the page title (and document.title) to a specified string that I choose. I know I can access useLocation and get the current route, but that doesn't work with logical human naming. For example, my route might be /new but I want the title of the page to be 'Add New Thing'. Notice that I've added a new prop for the page title that seems like a logical place to add it (then use a useEffect to pull it), but can't figure out how to access this prop.

If this isn't the correct way, how would you do this? Should I instead setup a dictionary/lookup for the current url(useLocation) and assign a human page title?

Main goal: If someone DIRECTLY hits a URL '/new' how would you set the title?

My current structure is from a base create react app.

In my index.js

I'm making a React PWA which works fine on localhost to cache all the listed files but when I deploy the project on Netlify or any other platform it won't cache the files and is not working offline. The cache storage shows empty list which in case of localhost shows all the files I'm caching. The service worker file is being registered in both cases.

The link to my github repo is here: https://github.com/noumanmalik960/quiz-app-pwa

Here is service worker file code:

In my Angular quiz app, I had the same logic: option.selected && option.correct and option.selected && !option.correct in both of my question component (MultipleAnswerComponent and SingleAnswerComponent) templates, so I moved out the logic and added two variables to the QuizService to share/reduce the duplicate code:

I have added a dropdown with both numerical and percentage scores in my scoreboard score component, but the score doesn't seem to increase when a question is answered correctly, it just shows 0/4 or 0%. I'm including my code below and please could you see my Stackblitz and help to fix this issue. Thank you.

score template:

I have downloaded a simple Angular app from this demo. After using npm i and ng serve I keep getting this message. Been trying to fix it, figured i will get some help here, since i have not found any solution elsewhere. Same thing happens to every other component.

introduction.component.ts