Web App Showcase
About me
I am one with the force and the force is with me.
Welcome to my Showcase App
Paul Leppard
Having been asked to put together an example of my code, I have reappropriated an app I created last year for a global finacial services company. It was used as a companion to a week long training course. I've changed the theme (a bit).
I have been a web developer for the last 6 years, firstly building Wordpress sites for small businesses, then moving onto corporate portal design. It was in this role that I was asked to take over from the existing Angular developer where I headlong jumped into Angular and its steep learning curve. A year later I emerged and am now a front-end web engineer utilising Angular.This app exists to showcase my code but please be aware at this time it has been thrown together quite quickly and may have a few little rough edges.
16
FEBRUARY
2020
This was the video player for the app.
Using vanilla JavaScript to create the video selector and also utilising localStorage to save the notes on each device.
I would probably achieve this with a web component if I was to build this again.
Learning Styles
Start
A quiz designed to work out how you encode the world with your senses.
Using vanilla JavaScript to create the drag and drop re-ordering
Also Using HTML5 canvas to draw the graph.
My Work
Website Links
If you are seeing this message it is because your browser does not support CSS grid
Please use Google Chrome for best performance
The Deerlodge
thedeerlodge.co.uk
Eloise Bennett
eloise-bennett.com
Helios School
helios-school.com
Sherri Jemmett
sherrijemmett.com
Anubis Training
anubis-training.com
Jenny Coles
jennycoles.co.uk
LifeForceTH
lifeforcetrauma.com
Shoaleh PA
shoaleh-pa.com
WDR Support
support.wdr.co.uk
Paphos Medical
paphosmedical.com
Coding Profiles
Skills
HTML5
Modern Web Apis
New Syntax
CSS Data Attribute
Web Components
CSS3
CSS3
Animations
Preprocessors (Sass)
BEM
JavaScript
Vanilla
Jquery
Frameworks
Debugging
Angular
Full spec SPA's
Conversion from JS to Angualar 8/9
Reactive with RXJS
Node.js
Backend Api's
Template Engines
Frameworks (Express, Loopback)
Typescript
Object Orientated JavaScript
Explicitly Typed Programming
Version Control
Team Foundation Server (TFS)
GIT - Github & Bitbucket
SSH / FTP
Code Editors
VS Code
Visual Studio
Wordpress
Theme Design
PHP - Plugin Changes
Migration & Backups
Databases
MySQL
SQLServer
MongoDB
Firebase
Build Processes
Package Managers (npm, yarn)
Gulp
WebPack
Design Software
Adobe Photoshop / Illustrator
Adobe XD
Affinity Photo & Designer
