1. Overview (you must read thisfirst)
In this assignment, you will develop a Full Stack Web Application to complete the front‐end prototype built from assignment 1. You are required to use the following stacks:
Frontend:
ReactJS or ReactTS
Middle layer :
Node.js & Express.js with Sequelize ORM or TypeORM
Backend database :
Cloud MySQL
You are not allowed to change technology stacks to suit your convenience and/or knowledge.
Using stacks other than the ones mentioned above will FETCH A ZERO for the whole assignment.
Use of Object‐Oriented React will FETCH A ZERO for the whole assignment.
The tasks are divided into four parts: PA (Pass), CR (Credit), DI (Distinction) & HD (High Distinction).
The HD section tasks will require self‐research, you will not getstraight answersin the course material.
While we are happy to assist you on those tasks, most of the work and research must be done by you.
This is done on purpose to prepare you for future work and rigours of the IT industry.
If you find a specification open to interpretation, post a query identifying the specification in the corresponding discussion board for assignment 2. Software development in real life does not come with a definitive roadmap and flowcharts complete with instructions. More often than so, it is the job of the developer to clarify requirements from the client. For this assignment and course, the lecturer is considered as the client.
It is your responsibility to regularly attend lectorial, practical and consultation session(s).
bring your questionsto online discussion board, consultation sessions
watch the online lectorial recordings on a regular basis if you cannot attend the face‐to‐face session.
do NOT start the work on assignment at the last minute.
do NOT ask for last minute extensions, these are often rejected. Extensions can only be granted for personal and medical reasons, provided you can supply some evidence.
2. Learning Outcomes
This assessment relates to the following learning outcomes of the course which are:
CLO2: Demonstrate proficiency with a web application development framework CLO3: Implement a range of techniques and procedures for developing a small to medium‐scale web application CLO4: Demonstrate knowledge of and utilise software engineering patterns in development
CLO5: Design and manage the development life cycle of a complete application.
3. Assessment details
The senior executive committee has accepted the SOIL front‐end prototype and now recommends that full stack version of website be developed. The committee recommends inclusion of extra features and constraints for the
website‐ a summary is presented here; you will find more details in Section 4: Tasks . The extra features and constraints include‐
3.1. The committee wants the developer to use a Cloud MySQL database (hosted at rmit.australiaeast.cloudapp.azure.com ) for the backend purposes.
3.2. Two users cannot have the same email/username.
3.3. Password must be stored in a hashed format in the database. Please do not use MD5 as it is no longer considered secure by industry professionals.
3.4. The full stack version of SOIL must be a multi‐user website where users can follow and unfollow one or more other users.
3.5. SOIL website will have a separate admin portal .
3.6. Admin dashboard part must be implemented via GraphQL and not REST API.
3.7. The codebase must be thoroughly commented.
3.8. GitHub should be used throughout the development lifecycle. The repository must be a part of rmit ‐ fsd ‐ 2024 ‐ s1 organisation account. You have been emailed an invite to join this organisation at the start of the semester.
3.9. The website must be fully styled and look professional. The content must make sense i.e., use of lorem ipsum is not allowed.
3.10. The digital assets (images, icons, audio & video) must be outsourced from free websites. You should not steal someone else’s assets to enhance the look and feel of your website. High‐quality & free assets can be obtained
from:
https://unsplash.com/ (Images)
https://uifaces.co/ (Avatars)
https://fonts.google.com/icons?selected=Material+Icons:home (Icons)
https://www.flaticon.com/ (Icons)
)
)
