Functional Frontend

[ScottyTGB]

📘 Project Overview

This is the first issue for the project, aimed at setting up a functional frontend with minimal HTML and CSS. The frontend should effectively use Flask for server-side logic, AJAX/Websockets for dynamic content, JQuery for client-side scripting, and Bootstrap for styling. The project will use SQLite for database interactions.

🎯 Frontend Requirements

• Minimalist Design: Use HTML and CSS to create a basic but functional interface.
• Responsive Layout: Implement a responsive layout with Bootstrap.
• Dynamic Interactions: Use AJAX/Websockets for dynamic updates without reloading the page.
• Client-side Scripting: Apply JQuery to enhance frontend interactivity.

⚙️ Technical Constraints

• No External Modules: Only use HTML, CSS, Flask, AJAX/Websockets, JQuery, Bootstrap, and SQLite. No other external modules or libraries are allowed.

🏗️ Milestones

• [x] M1: Setup Basic Layout (Due: 23-APR-2024)
  • Setup a basic HTML structure.
  • Style using Bootstrap for a responsive design.
• [x] M2: Server Integration (Due: 25-APR-2024)
  • Develop Flask routes to handle frontend requests.
  • Implement AJAX calls to interact with the Flask backend.
• [ ] M3: Dynamic Content Loading (Due: 27-APR-2024)
  • Use Websockets/AJAX for dynamic content updates.
• [x] M4: Form Handling and User Inputs (Due: 27-APR-2024)
  • Implement forms with validation using JQuery.
  • Handle submissions with Flask and store data in SQLite.

🎯 Success Criteria

• All rendering is managed by Flask, reducing the client-side code complexity.
• The website adapts responsively on mobile and desktop devices.
• Forms are secure and validated both client-side and server-side.

[ScottyTGB]

@aviicardo Could I get you to gater all the CITS unit codes and names please? If there are too much, a reasonable number like 50 will suffice.

[aviicardo]

@aviicardo Could I get you to gater all the CITS unit codes and names please? If there are too much, a reasonable number like 50 will suffice.

These are all the CITS units offered at UWA (at least the ones I can find anyways)

Advanced Algorithms [CITS3001] Agile Web Development [CITS3403] Agile Web Development [CITS5505] Artificial Intelligence and Adaptive Systems [CITS4404] Cloud Computing [CITS5503] Computational Modelling [CITS4403] Computational Thinking with Python [CITS1401] Computer Analysis and Visualisation [CITS2401] Computer Networks [CITS3002] Computer Science and Software Engineering Research Project Part 1 [CITS4001] Computer Science and Software Engineering Research Project Part 2 [CITS4002] Computer Science Honours Research Project Part 1 [CITS4010] Computer Science Honours Research Project Part 2 [CITS4011] Data Science Research Project Part 1 [CITS5011] Data Science Research Project Part 1 [CITS5014] Data Science Research Project Part 2 [CITS5012] Data Science Research Project Part 2 [CITS5015] Data Science Research Project Part 3 [CITS5013] Data Structures and Algorithms [CITS2200] Deep Learning [CITS5017] Defensive Cybersecurity [CITS2006] Discrete Structures [CITS2211] Graphics and Animation [CITS3003] High Performance Computing [CITS3402] High Performance Computing [CITS5507] Information Technology Capstone Project [CITS5206] Intelligent Agents [CITS3011] Introduction to Programming with Python [CITS1501] Knowledge Representation [CITS3005] Mobile and Wireless Computing [CITS4419] Natural Language Processing [CITS4012] Object Oriented Programming [CITS2005] Open Source Tools and Scripting [CITS2003] Open Source Tools and Scripting [CITS4407] Secure Coding [CITS3007] Software Engineering with Java [CITS1001] Systems Programming [CITS2002] The Internet of Things [CITS5506] Software Testing and Quality Assurance [CITS5501] Relational Database Management Systems [CITS1402] Software Engineering Design Project 1 [CITS5551] Software Engineering Design Project 2 [CITS5552] Software Requirements and Design [CITS3301] Software Requirements and Design [CITS4401] Introduction to Data Science [CITS2402] Machine Learning [CITS5508] Data Warehousing [CITS3401] Data Warehousing [CITS5504] Computational Data Analysis [CITS4009] Computer Vision [CITS4402] Data Science Capstone Project [CITS5553] Cybersecurity [CITS3004] Introduction to Cybersecurity [CITS1003] Penetration Testing [CITS3006] Professional Practicum Report [CITS3010]

[tmeinertz]

Closing this as we now have a functional front end. Some of the technologies elected for use in the original plan were not used. Front end is now HTML with bootstrap elements, styled by CSS and boostrap grid. Data is loaded via flask rendering HTML filling in elements recursivly.