{"id":21854730,"url":"https://github.com/offensive-vk/reactquizapp","last_synced_at":"2025-03-21T19:14:41.145Z","repository":{"id":264902482,"uuid":"894604277","full_name":"offensive-vk/ReactQuizApp","owner":"offensive-vk","description":"A Simple React JS Based Quiz Application with No Backend.","archived":false,"fork":false,"pushed_at":"2025-03-16T17:04:38.000Z","size":149,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-19T22:02:17.358Z","etag":null,"topics":["bootstrap","jsx","react","react-dom"],"latest_commit_sha":null,"homepage":"https://reactjsquiz.pages.dev/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/offensive-vk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-26T16:42:36.000Z","updated_at":"2025-03-16T17:04:42.000Z","dependencies_parsed_at":"2025-02-09T17:27:24.575Z","dependency_job_id":"94be1d1d-1eb8-456a-b112-380e9acb2685","html_url":"https://github.com/offensive-vk/ReactQuizApp","commit_stats":null,"previous_names":["offensive-vk/reactquizapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2FReactQuizApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2FReactQuizApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2FReactQuizApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2FReactQuizApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/offensive-vk","download_url":"https://codeload.github.com/offensive-vk/ReactQuizApp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244852681,"owners_count":20521159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","jsx","react","react-dom"],"created_at":"2024-11-28T02:10:42.165Z","updated_at":"2025-03-21T19:14:41.137Z","avatar_url":"https://github.com/offensive-vk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌟 React JS Quiz Application\n\n## 🚀 Overview\n\nThe **React JS Quiz App** is a web application designed to test the knowledge of Full Stack, Frontend, Backend, and Web Developers. Built using **ReactJS** and **Vite**, this application provides a seamless and interactive quiz experience. The app features a **start page**, a **quiz interface**, and a **results page**, all styled with **Bootstrap** for a modern look.\n\n## ✨ Features\n\n- 📝 **Interactive Quiz**: Users can answer multiple-choice questions about React.js.\n- ✅ **Real-time Feedback**: Immediate feedback on selected answers with visual indicators.\n- 📊 **Score Calculation**: Users receive a score based on their performance.\n- 📱 **Responsive Design**: The app is fully responsive and works on various devices.\n\n## 🛠 Core Languages \u0026 Technologies\n\nThis app leverages the power of the following core languages and technologies:\n\n- 🌐 **HTML**: Structure and layout of the application.\n- 🎨 **CSS**: Styling, including Bootstrap for responsiveness and custom styles for uniqueness.\n- ⚙️ **JavaScript**: Logic and interactivity for the quiz features.\n- 🗂 **JSON**: Data format for storing quiz questions and answers.\n\nAdditionally, the app integrates these technologies:\n\n- ⚛️ **React**: A JavaScript library for building user interfaces.\n- 🌟 **Vite**: A blazing-fast development environment.\n- 🖌 **Bootstrap**: A popular CSS framework for a cohesive design.\n- 🔗 **React Bootstrap**: React components built with Bootstrap.\n\n## 📂 Project Structure\n\n- **📦 Components**: The app is divided into reusable components like `Start`, `Quiz`, and `Result`.\n- **📚 Context API**: Utilizes React's Context API for seamless state management.\n- **🎨 Styling**: Styled with Bootstrap and custom CSS for a polished look.\n\n## 🔑 Key Dependencies\n\n- ⚛️ **React**: JavaScript library for building user interfaces.\n- 🏗 **React DOM**: DOM-specific methods for React.\n- 🌟 **Bootstrap**: CSS framework for responsive design.\n- 🔗 **React Bootstrap**: React components built with Bootstrap.\n- ⚡ **Vite**: Provides a fast and efficient development environment.\n- 🚀 **pnpm**: The performant Node Package Manager for dependency management.\n\n## 🛠 Development Dependencies\n\n- 🛡 **ESLint**: For identifying and fixing problems in JavaScript code.\n- 🔌 **@vitejs/plugin-react**: Vite plugin for React support.\n- 📘 **@types/react** and **@types/react-dom**: TypeScript definitions for React.\n\n## ⚙️ Installation\n\nTo set up the project locally, follow these steps:\n\n1. **Clone the repository**:\n   ```bash\n   $ git clone https://github.com/offensive-vk/ReactQuizApp.git\n   ```\n\n2. **Navigate to the project directory**:\n   ```bash\n   $ cd ReactQuizApp\n   ```\n\n3. **Install dependencies**:\n   ```bash\n   $ pnpm i\n   ```\n\n4. **Run the development server**:\n   ```bash\n   $ pnpm run dev\n   ```\n\n## 🎮 Usage\n\n- 🟢 **Start the Quiz**: Click the \"Start Quiz\" button on the homepage.\n- ❓ **Answer Questions**: Select an answer for each question and proceed to the next.\n- 📜 **View Results**: After completing the quiz, view your score and restart if desired.\n\n## 🖼 Crucial Files\n\nHere are the files critical for the application's functionality:\n\n- **📋 package.json**: Lists all dependencies and scripts.\n- **⚙️ vite.config.js**: Configuration for Vite.\n- **📂 src/context/dataContext.js**: Manages the state and logic for the quiz.\n- **🗂 public/quiz.json**: Contains the quiz questions and answers.\n\n## Custom Questions / Answer\n\nYou can also use your own quiz questions and answers. Have a look at the [Schema](./Schema.md).\n\n## 🧑‍💻 Authors\n\nThis project was developed by **Mahak \u0026 Vedansh** as part of their BCA-V Semester (Full Stack) *major project* for Software Project Management. 🌟\n\n## 🪪 License\n\nThis project is licensed under the MIT License. See the [LICENSE](./license) file for details.\n\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003ci\u003e\u0026copy; \u003ca href=\"https://github.com/offensive-vk/\"\u003eVedansh\u003c/a\u003e \u0026 \u003ca href=\"https://github.com/Mahak-2701/\"\u003eMahak\u003c/a\u003e 2024 - Present\u003c/i\u003e\u003cbr\u003e\n  \u003ci\u003eLicensed under \u003ca href=\"https://github.com/offensive-vk/ReactQuizApp/tree/master/LICENSE\"\u003eMIT\u003c/a\u003e\u003c/i\u003e\u003cbr\u003e\n  \u003ca href=\"https://github.com/TheHamsterBot\"\u003e\u003cimg src=\"https://i.ibb.co/4KtpYxb/octocat-clean-mini.png\" /\u003e\u003c/a\u003e\u003cbr\u003e\n  \u003ckbd\u003eThanks for visiting 😊\u003c/kbd\u003e\n\u003c/p\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foffensive-vk%2Freactquizapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foffensive-vk%2Freactquizapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foffensive-vk%2Freactquizapp/lists"}