COMP2140/7240 – Web/Mobile Programming
React Web App
Mode Product/ Artefact/ Multimedia
Category Computer Code, Project
Weight 20%
Due date 26/09/2025 5:00 pm
Learning outcomes L01, L02, L04, L05, L06, L07, L08
Task description
In the React Web App assessment, students will build an interactive web app with a cross-platform. JavaScript. framework (React), testing across web browsers & device sizes. The web app will communicate with web & device APls. Throughout, students will evaluate the design, implementation & architecture for delivering a complex web app.
Compared to COMP2140, COMP7240 includes an additional research component in the assessment, requiring students to critically investigate current practices and challenges in accessibility and responsive design.
The React Web App will be graded in the associated Project Demonstration and Code Review session. The React Web App must be submitted prior to the Project Demonstration and Code Review session.
Artificial Intelligence (Al) and Machine Translation (MT) are emerging tools that may support students in completing this assessment task. Students may appropriately use Al and/or MT in completing this assessment task. Students must clearly reference any use of Al or MT in each instance.
A failure to reference generative Al or MT use may constitute student misconduct under the Student Code of Conduct.
What do you need to build?
Table 1: Available Project Options
Project Name & Description
ReadySetHire-Al-Powered Interview Platform
ReadySetHire is a modern web application designed to streamline the hiring process. It provides recruiters with an easy way to set up interviews, add interview questions, invite applicants, and automatically capture their spoken responses through speech-to-text transcription. By using the latest Al technology, ReadySetHire allows applicants to answer naturally in spoken language, making the experience more authentic and efficient.
This tool can be used for screening applicants at scale and includes opportunities to extend functionality with Generative Al, such as providing teedback or auto-suggesting interview duestions. in the future. ReadvsetHire could also serve as a practice platform. for job seekers, helping them prepare for interviews with realistic Al-driven simulations.
Main Features
Allows users to:
Create, edit, and delete Interviews
Add interview questions
Invite applicants through unique interview links
Applicants answer using an audio recorder, with Al transcription converting speech to text
One question per page interview flow for clarity and focus
Track interview status (Not Started and Completed)
Review Applicant question answers
Creative Integration of GenAI
Custom Project Guidelines
You must submit your project idea proposal to [email protected] by Mon 8 Sept 2024.
You will need to provide your own API to store and retrieve vour data. You can use external services or deploy an APl to vour own UQ Cloud Zone. If vou are already familiar with React, vou might like to explore Next is and build vour front-end and back-end with it. The Teaching Team have used PostgREST (https://docs.postgrest.org/en/v12/) for the APl and a self-paced tutorial is provided, if vou also wish to take this approach. With PostgREST you only need to setup a database and then enable the RESTFul API.
Custom projects can also be a Chrome or VS Code extension but must use React.