imhardikdesai / Quiz-App

This quiz web app is built using React JS. It can allow the user to select the criteria for their quiz from a list of options. The user can then proceed to answer the questions in the quiz and their performance will be tracked and shown in the scoreboard
https://ask-quiz.netlify.app/
16 stars 13 forks source link

Update index.js #20

Open rishi457 opened 8 months ago

rishi457 commented 8 months ago

The code has undergone several enhancements:

Routing Implementation:

Integrated BrowserRouter and Route components from the 'react-router-dom' library to enable multi-page navigation within the application. Added route definitions using Route components within a Switch, allowing different components to render based on the URL path. Additional Routes and Components:

Introduced an 'About' page by defining a new functional component called About to display specific content when the '/about' route is accessed. Created a 'Not Found' component named NotFound to handle 404 errors, rendering a message when a URL doesn't match any defined routes. Optimized Rendering and Theme Setup:

Utilized the ReactDOM.render method to directly render the ImprovedApp component, simplifying the application setup. Configured Chakra UI's ChakraProvider with an extended theme that includes color and font settings. Also included a ColorModeScript for improved initial color mode handling for better accessibility. These changes have transformed the code into a more comprehensive and functional React application with enhanced navigation capabilities, distinct pages for various routes, and an optimized rendering structure with improved theming setup through Chakra UI's functionalities.

netlify[bot] commented 8 months ago

Deploy Preview for ask-quiz failed.

Name Link
Latest commit ae0edfefba650f68c29ab7e2f3ac3d9d4b76cbf8
Latest deploy log https://app.netlify.com/sites/ask-quiz/deploys/653e88763814170008aa398a