Course Registration

screenshot of Course Registration

Overview

The Course Registration project is designed to allow users to browse and select courses for registration. It includes features such as course selection and cart management, credit hour calculation and limit handling, and price calculation and confirmation. The project utilizes React's built-in state management, primarily using the useState hook.

Features

  • Course Selection and Cart Management: Users can browse a list of available courses and select the ones they want to add to their cart. The cart is updated when a user clicks the "Select" button, with redundancy checks to avoid duplicate entries.
  • Credit Hour Calculation and Limit Handling: The project allows users to view the total credit hours accumulated in their cart. It implements logic to calculate and display the total credit hours based on the selected courses. It also enforces a credit hour limit and displays a "Toast" when the limit is exceeded.
  • Price Calculation and Confirmation: Users can see the total price of the courses in their cart. The project implements a pricing mechanism based on the selected courses and updates the total price dynamically. A confirmation "Toast" is displayed when the user clicks the "Total Credit Hours" button, providing a summary of selected courses, credit hours, and the total price.

Summary

The Course Registration project offers a user-friendly interface for course selection and cart management. It provides features such as credit hour calculation, credit hour limit handling, and dynamic price calculation. React's state management is used to efficiently update and render the UI based on user interactions. Overall, the project aims to streamline the course registration process and enhance the user experience.