HDWD-SEP24OL CAD Assignment Report: Full-Stack Product Management App with Ruby on Rails, React & HTML

Programming Question:

Question: Full-Stack Web Application Design, Testing, and Deployment

Program using Ruby on Rails:

• Design a Ruby on Rails model named Product with attributes: name (string), description (text), price (decimal), and available (boolean). Ensure that the available attribute defaults to true when creating a new product. Provide the necessary migration and validation steps in your Rails application.
• Implement CRUD operations for the Product model in the Ruby on Rails backend. Include controller actions for GET all products, GET a specific product by ID, POST a new product, UPDATE an existing product by ID, and DELETE a product by ID. Validate the data submitted by the user.
• Implement unit tests for the model and controller actions using a testing framework of your choice.

React Client:

• Develop a web based React client that interacts with the Ruby on Rails backend for product management.
• Implement components to:
  • Display a list of all products.
  • Allow users to view details for a specific product.
  • Add a new product.
  • Edit an existing product.
  • Delete a product.
  • Include the ability to filter the list of products by their availability status.
• Ensure that the React client uses appropriate HTTP methods for each action and performs basic data validation.
• Implement unit tests for React components using a testing library/framework.

HTML Client:

• Design a simple HTML client to interact with the Ruby on Rails backend.
• Develop forms and UI elements to allow users to perform CRUD operations on the products.
• Implement the necessary HTML, JavaScript, and CSS code to create a user-friendly interface.
• Ensure that the HTML client uses the appropriate HTTP methods for each action and performs basic data validation.
• Implement unit tests for HTML and JavaScript functionality using a testing library/framework.

Testing and Integration:

• Implement integration tests for the entire application, covering end-to-end scenarios for product creation, retrieval, updating, and deletion.
• Use a testing library or framework suitable for integration testing in the context of a Ruby on Rails and React application.
• Discuss the importance of unit testing and integration testing in the development process, including their respective roles and benefits.

Deployment and Cloud Integration:

• You are required to deploy your application to a public cloud provider. Your deployed application has to be accessible via a URL. You must include the URL of your deployed application in the report.
• Explain the steps involved in deploying the Ruby on Rails application, along with its React and HTML clients, to a public cloud provider.
• Discuss any configuration settings or considerations needed during the deployment process to ensure the proper functioning of the full-stack application.

SUBMISSION DETAILS:

• The document must be submitted as a PDF document to Moodle before the deadline.
• The report should be concise, with the main part of the report (excluding references and appendix), limited to 10 pages in a typical 1-column format with a paragraph font size of 12 pt.
• Include student name, student ID, and course name at the top of the first page.
• Late submissions will not be penalised if the student applied for an extension through NCI360 and it was approved.

Marking Rubric: