Published December 15, 2025 | Version v1
Journal article Open

A Web-Based Platform for Automated Portfolio Creation Using HTML, CSS, and JavaScript

Description

Digital portfolios have become an essential medium for presenting technical and academic accomplishments. Traditional résumé formats, although concise, cannot adequately convey creativity or practical experience. This paper reviews existing research and design practices on web-based automated portfolio systems developed using HTML, CSS, and JavaScript. The discussion emphasizes responsiveness, accessibility, usability, and automation that allow users without coding experience to generate personal websites directly from their browsers. Earlier e-portfolio models are compared with newer browser-based solutions to analyze limitations and potential improvements such as AI-based customization and cloud storage. The findings indicate that lightweight client-side technologies can produce affordable and inclusive tools for digital identity creation.

Files

A Web-Based Platform for Automated Portfolio.pdf

Files (223.1 kB)

Name Size Download all
md5:470ac0f0628b76ed2fb17dd874853133
223.1 kB Preview Download

Additional details

References

  • 1. Campbell, M. I., & Schmidt, L. C. (2003). Web-based engineering portfolio system. In Proceedings of the 2003 ASEE Annual Conference & Exposition, Nashville, TN.
  • 2. Lorenzo, G., & Ittelson, J. (2005). An overview of ePortfolios. Educause Learning Initiative Paper 1.
  • 3. Barrett, H. (2005). Researching electronic portfolios and learner engagement. Electronic Portfolios Development.
  • 4. Young, J. R. (2002). Creating online portfolios can help students see "big picture," colleges say. Chronicle of Higher Education, 48(26), A31–A32.
  • 5. Challis, D. (2005). Towards the mature ePortfolio: Some implications for higher education. Canadian Journal of Learning and Technology, 31(3), 34–42.
  • 6. Greenberg, G. (2004). Designing online information systems for portfolio-based assessment: Design criteria and heuristics. Journal of Information Technology Education, 3, 65–81.
  • 7. Kuthe, A., et al. (2024). Portfolio generator using generative AI in web development. International Journal of Research Publication and Reviews, 5(5), 4162–4165.
  • 8. Marcotte, E. (2010). Responsive web design. A List Apart.
  • 9. Berners-Lee, T. (1996). The World Wide Web: Past, present, and future. CERN Reports.
  • 10. World Wide Web Consortium (W3C). (2018). Web Content Accessibility Guidelines (WCAG 2.1).