{"id":30779613,"url":"https://github.com/alemoraru/exceed-prolific-frontend","last_synced_at":"2026-04-30T11:32:26.331Z","repository":{"id":312540743,"uuid":"1012080177","full_name":"alemoraru/exceed-prolific-frontend","owner":"alemoraru","description":"EXCEED Prolific Study - Frontend","archived":false,"fork":false,"pushed_at":"2025-08-31T10:44:08.000Z","size":1213,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-17T10:56:34.410Z","etag":null,"topics":["code-editor-online","error-me","html-css","nextjs","prolific","python-code-editor","react","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/alemoraru.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":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-01T19:26:24.000Z","updated_at":"2025-08-31T10:43:33.000Z","dependencies_parsed_at":"2025-08-31T12:26:48.426Z","dependency_job_id":"73c60f4e-8848-4ef4-b155-14e85c8e7dfb","html_url":"https://github.com/alemoraru/exceed-prolific-frontend","commit_stats":null,"previous_names":["alemoraru/exceed-prolific-frontend"],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/alemoraru/exceed-prolific-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alemoraru%2Fexceed-prolific-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alemoraru%2Fexceed-prolific-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alemoraru%2Fexceed-prolific-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alemoraru%2Fexceed-prolific-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alemoraru","download_url":"https://codeload.github.com/alemoraru/exceed-prolific-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alemoraru%2Fexceed-prolific-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32463892,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["code-editor-online","error-me","html-css","nextjs","prolific","python-code-editor","react","tailwindcss"],"created_at":"2025-09-05T06:44:26.676Z","updated_at":"2026-04-30T11:32:21.322Z","avatar_url":"https://github.com/alemoraru.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EXCEED Prolific Frontend\n\nThis repository contains the frontend code for the EXCEED Prolific application, a study aimed at investigating code\nunderstanding and error correction using Python code snippets and error messages. The frontend is built with Next.js and\nReact, providing a survey interface for participants to provide their experience with Python, answer MCQs, debug buggy\nPython code, and evaluate error messages on readability, cognitive load, and authoritativeness.\n\n---\n\n## 🖥️ WebApp UI\n\nFor visibility, we display some of the user interfaces of our web appp with which participants on Prolific\nwould interact while completing the study.\n\n| Consent Form                                    | Survey Instructions                                    | Multiple-choice Question      |\n|-------------------------------------------------|--------------------------------------------------------|-------------------------------|\n| ![Consent Form](public/static/consent-form.png) | ![Survey Instructions](public/static/instructions.png) | ![MCQ](public/static/mcq.png) |\n\n| Code Debugging Task                                | Subjective Evaluation of Error Message                   | Missing Prolific ID in URL                                    |\n|----------------------------------------------------|----------------------------------------------------------|---------------------------------------------------------------|\n| ![Code Debugging Task](public/static/code-fix.png) | ![Subjective Evaluation](public/static/likert-panel.png) | ![Missing Prolific ID](public/static/missing-prolific-id.png) |\n\n---\n\n## 🧩 Stack Overview\n\n- **TypeScript**\n- **React** (with Next.js App Router)\n- **Next.js** for SSR and routing\n- **Tailwind CSS** for styling\n- **Docker** for containerization (optional)\n\n---\n\n## ⚡ QuickStart\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/alemoraru/exceed-prolific-frontend.git\n   cd exceed-prolific-frontend\n   ```\n2. **Install dependencies:**\n   ```bash\n   npm install\n   ```\n3. **Run the development server:**\n   ```bash\n   npm run dev\n   ```\n4. **Open your browser:**\n   Visit [http://localhost:3000](http://localhost:3000) to use the survey.\n\n\u003e Note: The frontend expects the backend API to be running and accessible. See\n\u003e the [backend README](https://github.com/alemoraru/exceed-prolific-backend) for setup instructions.\n\n---\n\n## ⚙️ Environment Variables\n\n| Variable                 | Description                              | Example Value         |\n|--------------------------|------------------------------------------|-----------------------|\n| NEXT_PUBLIC_BACKEND_HOST | Backend API base URL (for REST requests) | http://localhost:8000 |\n\nSet environment variables in a `.env.local` file in the project root. Make sure to not commit this file to version\ncontrol; it is already included in the `.gitignore`.\n\n---\n\n## 📝 Notes\n\n- The frontend is designed to work with the EXCEED Prolific\n  backend ([EXCEED Prolific Backend](https://github.com/amoraru/exceed-prolific-backend)).\n- Error messages and code snippets are fetched from the backend.\n- The survey flow includes:\n    - Consent form\n    - Experience with Python self-assessment\n    - Multiple-choice questions (MCQs)\n    - Code debugging tasks\n    - Subjective evaluation of programming error messages (readability, cognitive load, authoritativeness)\n- Cheating detection and progress tracking are implemented client-side; however, the backend is responsible for\n  validating the validity of responses and cheating behavior.\n\n---\n\n## 🛠️ Prerequisites\n\n- [Node.js](https://nodejs.org/en/download/)\n- [Docker](https://www.docker.com/get-started) (optional, for containerized deployment)\n- Backend API running and accessible (see backend README)\n\n---\n\n## 🤝 Contributing\n\nThis project was developed as part of the EXCEED MSc Thesis project at Technische Universiteit Delft. As such,\ncontributions of any sort will not be accepted. This repository is provided for replication and educational purposes\nONLY. Since it was used as part of the deployment of our study on Prolific, it is NOT intended for further\ndevelopment or contributions.\n\n---\n\n## 📄 License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falemoraru%2Fexceed-prolific-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falemoraru%2Fexceed-prolific-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falemoraru%2Fexceed-prolific-frontend/lists"}