Scribd
Upload
3 views3 pages

Coding Platform - Frontend Assignment

The document outlines an assignment to develop a web-based Assessment Platform for coding and MCQ tests, catering to both Admin and Candidate users. Key features include test creation for Admins and test-taking functionalities for Candidates, with optional bonus features like score calculation and a countdown timer. Technical guidelines emphasize using React Functional Components, maintaining a modular structure, and managing data with hooks.

Uploaded by

vedantnighotzzz1
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views3 pages

Coding Platform - Frontend Assignment

The document outlines an assignment to develop a web-based Assessment Platform for coding and MCQ tests, catering to both Admin and Candidate users. Key features include test creation for Admins and test-taking functionalities for Candidates, with optional bonus features like score calculation and a countdown timer. Technical guidelines emphasize using React Functional Components, maintaining a modular structure, and managing data with hooks.

Uploaded by

vedantnighotzzz1
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

React.

js Internship Assignment – Coding Assessment Platform

📌 Objective:
Develop a web-based Assessment Platform where companies can create and candidates can
take coding and MCQ tests.

🧾
Assignment Requirements:

1.

User Types:

●​ 👤 Admin View (for test creation)​


●​ 🧑‍💻 Candidate View (for taking tests)​

2.

Core Features:

For Admin:

●​ ➕ Create New Test​


○​ Test Name, Description​

○​ Add Multiple Choice Questions (MCQ)​

■​ Question, 4 options, correct answer​

○​ Add Coding Questions​

■​ Problem statement, language selector (optional), expected output​

●​ 📄 View All Tests​


For Candidate:

●​ 🧪 Test List Page​


○​ List of available tests​

●​ 🧾 Take Test​
○​ Render MCQs with radio buttons​

○​ Render Coding Questions with text area (no need to execute, just allow input)​

●​ 📨 Submit Test​
○​ Show confirmation message​

○​ Store responses in local storage or a dummy JSON file​

3.

Bonus Features (Optional):

●​ 🧮 Score Calculator (for MCQs only)​


●​ 📜 Summary Page after submission​
●​ ⏳ Countdown Timer per test​
●​ 🎯 Progress Indicator for number of questions completed​

🛠️
Technical Guidelines:

●​ Use React Functional Components and Hooks​

●​ Maintain a modular folder structure​


●​ Use React Router DOM for:​

○​ /admin, /create-test, /tests, /take-test/:id​

●​ Manage data with useState/useEffect​

●​ Optional: Use any component library (e.g., Material UI)​

📤
Submission Instructions:

●​ Upload to GitHub and share the link​

●​ Include a README with:​

○​ Setup instructions​

○​ Screenshots or demo link (if deployed)​

🔎
Evaluation Criteria:

●​ Feature Completion​

●​ Code Structure & Readability​

●​ React Concept Usage​

●​ UX/UI Consideration​

●​ Creativity in Bonus Features

You might also like