Skip to content
Snippets Groups Projects
Tony Tsang's avatar
Hin Fung Tsang authored
27b20b36
Name Last commit Last update
portfolio
.gitignore
README.md
requirements.txt
wsgi.py

c24039638_cmt120_cw2

Username: c24039638

Name

Portfolio Builder

Description

This is an app for users to effortlessly build their personal digital portfolios. Users can securely manage their accounts and add content such as summaries, skills, experiences, and projects. Each section is designed to show content in a readable and professional way, ensuring a professional and personalised presentation.

Visual

Screenshot of the App

Usage

Application can be seperate to two part: Portfolio Builder and the portfolio itself. Only users can access the builder and each user has one portfolio, which is open to public. Login and registration can be done in respective path. Once logged in, users can go through each section in the buidler and input the information and files they want to display in their portfolio.

Support

Email tsangh4@cardiff.ac.uk for support and questions.

URL on OpenShift

https://portfolio-builder-24039638-port.apps.containers.cs.cf.ac.uk/

URL of my persoanl portfolio on OpenShift

https://portfolio-builder-24039638-port.apps.containers.cs.cf.ac.uk/portfolio/tony9528

References

  1. StackOverflow email validation regular expression. [Code]. Available at: https://stackoverflow.com/questions/201323/how-can-i-validate-an-email-address-using-a-regular-expression [Accessed: 05 January 2025].
  2. Quill.js. Code for initialising quill rich text editor. [Code]. Available at: https://quilljs.com/playground/snow [Accessed: 28 December 2025].
  3. Bootstrap. JavaScript for form validation. [Code]. Available at: https://getbootstrap.com/docs/5.0/forms/validation/ [Accessed: 05 January 2025]
  4. Have I Been Pwned, National Cyber Security Centre. 2019. Password deny list. [txt file]. Available at: https://www.ncsc.gov.uk/static-assets/documents/PwnedPasswordsTop100k.txt [Accessed: 05 Jan 2025].
  5. Google. Google fonts icon for "Skills". [PNG files] Available at https://fonts.google.com/icons [Accessed: 20 Dec 2024]
  6. Freepik. Logo for Portfolio Builder. [PNG file] Available at: https://www.freepik.com/icon/resume_942748#fromView=search&page=1&position=21&uuid=064b411d-7323-4711-9c87-17fb8611b0f0 [Accessed 20 Dec 2024]