Professional webpage to showcase personal projects and achievements. Utilising React and Node JS Frameworks.
- Build frontend create-react-app.
npm run build
- Copy the build folder from the master branch client to our static server directory.
- Serve the build folder as a static resource from our server index.js file.
serve -s build
- Deploy server directory to hosted ftp domain.
VCS Dev Branches:
Branch names must follow convention of [TYPE]/[SPRINT-NAME]
.
Branch Types:
- Bugfix - Issue found during testing and development.
- Hotfix - Client has found an issue.
- Feature - New feature being added to system.
Javadocs Comment Format:
/**
* [METHOD_DESCRIPTION]
* @param [PARAMETER_NAME] [PARAMETER_DESCRIPTION]
* @return [RETURN_VALUE_DESCRIPTION]
* @see [OBJECT_RETURN_VALUE]
**/
Pull Requests:
# Changes
- Change 1
- Change 2
## Commits
- Add Commit Messages
Profile:
Contact Page:
Site Navigation:
Global Styles:
Animations:
Theme Selector:
- Setup context store to configure global site preferences and settings.
- Configure
Accessibility:
- Add skip navigation link at the start of the document to allow users to jump to any written content.
- Provide Aria labelling for sections of content displayed on the page.
- Highlight key information to the user.
- Adjust themes to adhere to eyesight accessibility guidelines.
- [/] Provide alternative sources and text descriptions for images and icons presented on the screen.
- Reduce or disable animations dependant on user preferences.
Project Gallery:
Live Demo:
- Format project information.
- Collect project specific meta information and provide links to any external resources.
- Import built and production ready projects.
- Contain imported applications as an iFrame to protect main site from any external interaction.
- Present relevant markdown content as formatted document elements.
- 4122COMP
- 5130COMP
- arcade-canvas
- djikstras-pathfinder
- epilepsy-warning-application
- online-chess
- order-management-system
- recipe-app
- spotify-karaoke
- visual-algorithms