The Web Placement Diary is a tool designed for students on placement to log their daily activities, provide details on the competencies they have gained and skills learned, it was created during the web programming module of my Cyber Security degree at Portsmouth University.
This website was my first attempt at full stack development, building the whole application from the ground up, using a combination of HTML, CSS, and JavaScript. The frontend was built with clean, responsive HTML and CSS to create an intuitive user interface. The backend leverages a SQL database to store detailed log entries allowing for efficient querying, filtering, and updating of entries.
The system utilizes a custom Node.js
server, built with npm, to handle data storage and retrieval operations
seamlessly. The SQL database provides persistent storage, offering scalability, reliability, and the ability to
perform complex queries over time. This setup ensures that all placement records are securely stored, easily
accessible, and can be analyzed for progress and skill development. The integration of SQL allows for advanced
features like data relationships and complex reporting, making the diary not only a tracking tool but also a
valuable resource for monitoring and reflecting on professional growth during the placement. The entire project
showcases both frontend design skills and backend logic for
a seamless web experience.