The project is a recipes website developed as part of the Basics of Web Applications course. It adheres to specific requirements outlined for server-side and client-side functionalities, utilizing HTML, JavaScript, CSS, and PHP without any third-party frameworks. The core functionalities include a registration form with server-side data validation and client-side input validation. Additionally, the website incorporates features like image uploading and dependent form fields controlled via JavaScript.
Client-side technologies ensure 100% valid HTML, paired labels for all form fields, separate style and script files, meaningful styles for printing, and the integration of AJAX for asynchronous data retrieval. On the server side, pagination is implemented, enabling users to view and edit submitted data. Data integrity is maintained by storing user inputs in the database.
Documentation is a vital aspect of the project, encompassing automatically generated documentation, task specifications, product documentation, and developer documentation. Furthermore, the presentation of dates follows a human-readable format, and content is logically organized for easy comprehension and navigation.
Click to expand
-
✔️ Solo Work: The student must demonstrate individual effort in completing the project.
-
✔️ Full Functionality: The project must function in its entirety. If an advanced student submits only a subset of a larger project, this must be explicitly stated in the project's assignment.
-
✔️ Server-Side in PHP: The server-side of the application must be developed using PHP.
-
✔️ Documentation: Code must be adequately documented.
-
✔️ No Third-Party Code: No third-party libraries or frameworks are allowed.
-
✔️ Registration Form:
- Server-side data validation
- Client-side input validation
- Clear indication of mandatory fields
- Incorrectly filled fields should be marked and explained
- Upon incorrect submission, the form should return with pre-filled data
- Image upload
- At least one dependency between input fields, validated using JavaScript.
-
✔️ Client-Side Technologies:
- 100% valid HTML
- All form fields paired with
- Styles separated into distinct files
- Scripts separated into files
- Meaningful print styles
- Implementation of AJAX
-
✔️ Server-Side Technologies:
- Server-side pagination
- User-editable data listings
- User-submitted data stored exactly as input
-
✔️ Documentation:
- Automatically generated documentation
- Task specification
- Product documentation
- Developer documentation
-
✔️ General Principles:
- Dates presented in human-readable format
- Content logically sorted for ease of understanding.