From f8e43e2929930df6434daaf9e3b4522ca492d894 Mon Sep 17 00:00:00 2001 From: Priyanka Date: Sat, 4 Nov 2023 00:53:40 +0530 Subject: [PATCH 1/3] Update README.md --- README.md | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 103 insertions(+) diff --git a/README.md b/README.md index 0dc9ea2..01af155 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,106 @@ + +# Quizify - Proctor, Monitor, and Evaluate with Ease + +## Overview + +Quizify is an advanced, browser-based exam proctoring application designed to conduct online exams securely, eliminating cheating practices. This application features robust anti-cheating measures, object detection, and full-screen exam mode to ensure integrity and authenticity during examinations. + + +## Landing Page +- Seamless landing page with Login/SignUp Button. +![Quizify Logo]("C:\Users\91701\Downloads\quizifyLogo.jpeg") + +![Welcome Page]("C:\Users\91701\Downloads\welcomePage.jpeg") + +## Student DashBoard + +[Demo video](https://www.yourfilehost.com/yourvideo.mp4) yaha video ka link add kr dio apne system se + +### Features +- **Anti-Cheating Measures**: Prevents secondary monitor usage, enables microphone and camera access for recording, and restricts additional tab openings during exams. +- **Object Detection**: Identifies unauthorized objects (e.g., mobile devices, extra screens) to ensure user focus. +- **Full-Screen Exam Mode**: Ensures exams run exclusively in full-screen mode, preventing tab-switching or other application access. +- **Webcam Surveillance**: Monitors users via webcam. +- **Random Room Surveys**: Conducts random room surveys to ensure compliance. +- **Tab Switch Prevention**: Prevents users from switching tabs during the exam. +- **No Multiple Monitors**: Restricts the use of multiple monitors during exams. + +### Technologies Used +- **Backend**: Prisma, Next.js, PostgreSQL, Supabase +- **Frontend**: React +- **Object Detection**: TensorFlow.js, COCO-SSD +- **Database**: PostgreSQL + +### User Scenarios + +#### What Happens If someone: +- **Do not enable their camera**: Users must enable the camera for surveillance. +- **Tries to switch tabs during the test**: Tab-switching is prevented during the exam. +- **Face not Visible**: Face visibility is mandatory for proctoring. +- **Uses Phone**: Any phone usage is detected and flagged. +- **Tries to cheat with someone in the room**: Collaboration or attempts to cheat with someone in the room will be flagged. + +## Development Timeline + +### Step 1: Design Phase +- **Design Idea and Prototype**: Implemented the initial design idea and created a basic application. +- **Basic Technology Exploration**: Explored technologies including Node.js, Express.js, and related tools. +- **Server Setup**: Established the server using Node.js. + +### Step 2: Front-End Development +- **Client-Side Design**: Developed client-side pages using React and Tailwind CSS, initiating Requirement Specifications. +- **Logic Implementation**: Simulated API data and implemented client-side logic using JavaScript. + +### Step 3: Database and API Development +- **Database Creation**: Designed schemas and implemented the database using PostgreSQL, integrated with Node.js. +- **API Development**: Constructed necessary APIs using Next.js backend for the web application. + +### Step 4: Refinement and Testing +- **Client-Side Logic Enhancement**: Updated logic to utilize actual API data. +- **Testing and Bug Fixes**: Tested functionalities for various scenarios and resolved identified issues. + +#### Resolved Bugs: +- JSON data (404) accessed for undefined routes (Resolved) +- Server operations on dates corrected for proper time zone functionality (from UTC to IST). + +### Deployment +The web app has been deployed to "Vercel." Here is the link to access the application: [Quizify App](#link) + +## Installation/Environment Setup + +1. **Clone App**: + - Create a new folder and open the terminal. + - Run `git clone https://github.com/auspy/quizify.git` in the terminal. + +2. **Set Environment Variables**: + - Uncomment `dotenv.config({path : './config.env'});` in `app.js`. + - Create a file `config.env` with the necessary Environment Variables. + +3. **Install Node Packages**: + - Run `npm install` in the terminal to download all required node modules. + +4. **Run Application**: + - Execute `npm run dev` in the terminal. + - The app will be running at [http://localhost:3000/](http://localhost:3000/). + +Please refer to the application's GitHub repository for detailed instructions and further updates. + +This readme provides an overview of the Quizify project, its features, development process, and installation guidelines. For any queries or support, please refer to the project repository or contact the developers. + +Thank you for using Quizify for secure online examinations! + + + + + + + + + + + + + This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). ## Getting Started From d8d3a7d60a43205de0f47cefecd3775c95426061 Mon Sep 17 00:00:00 2001 From: Priyanka Date: Sat, 4 Nov 2023 01:00:04 +0530 Subject: [PATCH 2/3] README.md Update --- README.md | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 01af155..787c4dc 100644 --- a/README.md +++ b/README.md @@ -83,13 +83,6 @@ The web app has been deployed to "Vercel." Here is the link to access the applic - Execute `npm run dev` in the terminal. - The app will be running at [http://localhost:3000/](http://localhost:3000/). -Please refer to the application's GitHub repository for detailed instructions and further updates. - -This readme provides an overview of the Quizify project, its features, development process, and installation guidelines. For any queries or support, please refer to the project repository or contact the developers. - -Thank you for using Quizify for secure online examinations! - - @@ -101,6 +94,7 @@ Thank you for using Quizify for secure online examinations! + From 67e4149514ce793da798d9182afcc39dcb7eb626 Mon Sep 17 00:00:00 2001 From: Priyanka <105877016+priyankashah3107@users.noreply.github.com> Date: Sat, 4 Nov 2023 11:10:57 +0530 Subject: [PATCH 3/3] Update README.md --- README.md | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 787c4dc..cd946d7 100644 --- a/README.md +++ b/README.md @@ -8,13 +8,21 @@ Quizify is an advanced, browser-based exam proctoring application designed to co ## Landing Page - Seamless landing page with Login/SignUp Button. -![Quizify Logo]("C:\Users\91701\Downloads\quizifyLogo.jpeg") + +![quizifyLogo](https://github.com/priyankashah3107/quizify/assets/105877016/f2612b46-94ea-41e2-ae68-902d98a19691) -![Welcome Page]("C:\Users\91701\Downloads\welcomePage.jpeg") +- Welcome page + + +![welcomePage](https://github.com/priyankashah3107/quizify/assets/105877016/0ea01b39-28d3-450b-a72a-1b9304c777f0) ## Student DashBoard -[Demo video](https://www.yourfilehost.com/yourvideo.mp4) yaha video ka link add kr dio apne system se + + + +https://github.com/priyankashah3107/quizify/assets/105877016/b85ebd21-8c88-4325-9735-f4ca8a9ea2c5 + ### Features - **Anti-Cheating Measures**: Prevents secondary monitor usage, enables microphone and camera access for recording, and restricts additional tab openings during exams. @@ -57,14 +65,11 @@ Quizify is an advanced, browser-based exam proctoring application designed to co ### Step 4: Refinement and Testing - **Client-Side Logic Enhancement**: Updated logic to utilize actual API data. -- **Testing and Bug Fixes**: Tested functionalities for various scenarios and resolved identified issues. +- **Testing and Bug Fixes**: Tested functionalities for various scenarios and resolve identified issues. -#### Resolved Bugs: -- JSON data (404) accessed for undefined routes (Resolved) -- Server operations on dates corrected for proper time zone functionality (from UTC to IST). ### Deployment -The web app has been deployed to "Vercel." Here is the link to access the application: [Quizify App](#link) +The web app has been deployed to "Vercel." Here is the link to access the application: [Quizify App](https://thequizify.vercel.app/) ## Installation/Environment Setup