Stack
On a daily basis, I utilize the following technologies to accomplish my objectives.
| React | TypeScript | Styled Components | RESTful APIs |
| Redux | Git / GitHub | Figma | Zeplin |
Occasional Stack
I have gained a diverse skillset through working on various projects, both old and new, and handling support tickets that have required me to learn and utilize different technologies. While I am not an expert in all of these technologies, I have gained sufficient knowledge to successfully complete the updates and tasks requested by clients.
| Vue | PHP | GitHub Actions | Wordpress |
| NodeJS | SOAP | Make/Integromat | Azure Storage/CDN |
Projects
The following are a list of the projects I was involved in while working at BAM.
🛟 Tag-teamed - 🚧 WIP - 💀 Replaced by a newer version
Century City ◦ teaser ◦ 🕙 31.7 hrs. ◦ 💀
Stack ◦ React ◦ styled-components
- replaced with full website
- contact form
- animation
- responsive
Luxe Offices ◦ full ◦ 🕙 69.9 hrs.
Stack ◦ React ◦ styled-components ◦ React Router
- contact form
- animation
- responsive
- interactive points of interest
- sliding image gallery
Nova ◦ full ◦ 🕙 46.0 hrs.
Stack ◦ React ◦ styled-components ◦ React Router
- video player with timestamps
- contact form
- animation
- responsive
- localization
BAND ◦ realtor portal ◦ 🕙 20.5 hrs.
Stack ◦ React ◦ styled-components
- password protection
- responsive
Century City ◦ realtor portal ◦ 🕙 19.3 hrs.
Stack ◦ React ◦ styled-components
- password protection
- responsive
Riviera ◦ touchscreen ◦ 🕙 59.0 hrs.
Stack ◦ React ◦ styled-components ◦ electron
- interactive points of interest
- animation
- responsive
- sliding image gallery
- image comparison slider
Century City ◦ full ◦ 🕙 73.8 hrs.
Stack ◦ React ◦ styled-components ◦ Redux ◦ React Router
- contact form
- animation
- responsive
- interactive points of interest
- sliding image gallery
Poi Pond ◦ tool ◦ 🕙 10.0 hrs.
Stack ◦ Figma Plugin API ◦ Optimization ◦ Plugin
- easy to use
- no dependencies
- documentation
KML to JS ◦ tool ◦ 🕙 4.0 hrs.
Stack ◦ Google Maps ◦ XML Parser ◦ Web APIs ◦ Optimization
- easy to use
- no dependencies
- productivity improvement
- documentation
- 1 min. per POI is now 25 seconds for the whole map
Ashleigh Phase 1 ◦ teaser ◦ 🕙 11.9 hrs. ◦ 💀
Stack ◦ React ◦ styled-components ◦ Hubspot Forms
- will be replaced with phase 2
- custom styled hubspot forms
- animation
- responsive
Art of Wonder Toronto ◦ teaser ◦ 🕙 22.9 hrs.
Stack ◦ React ◦ styled-components ◦ Canvas
- will be replaced with full site
- canvas
- spark cms form
- animation
- responsive
The Amazing Brentwood Tower 6 ◦ full ◦ 🕙 44.9 hrs. ◦ 🛟
Stack ◦ React ◦ styled-components
- tag-teamed
- images with callouts
- accordion dropdowns
- carousel gallery
- animation
- responsive
Ashleigh Phase 2 ◦ teaser ◦ 🕙 13.3 hrs.
Stack ◦ React ◦ styled-components ◦ Hubspot Forms
- will be replaced with phase 2
- custom styled hubspot forms
- animation
- responsive
Riviera ◦ ipad ◦ 🕙 18.6 hrs.
Stack ◦ React ◦ styled-components
- tag-teamed
- images with callouts
- accordion dropdowns
- carousel gallery
- animation
- responsive
Dorian ◦ full ◦ 🕙 23.7 hrs. ◦ 🛟
Stack ◦ React ◦ styled-components
- tag-teamed
- images with callouts
- accordion dropdowns
- carousel gallery
- animation
- responsive
Joseph Arnold Lofts ◦ full ◦ 🕙 25.5 hrs. ◦ 🛟
Stack ◦ React ◦ styled-components
- tag-teamed
- images with callouts
- accordion dropdowns
- carousel gallery
- animation
- responsive
Belford Properties Phase 1 ◦ corporate ◦ 🕙 20.0 hrs.
Stack ◦ React ◦ styled-components ◦ Digital Ocean ◦ Wordpress
Built an additional react based page for our client's wordpress-based website.
- tag-teamed
- images with callouts
- accordion dropdowns
- carousel gallery
- animation
- responsive
Brush/Watson ◦ full ◦ 🕙 113.7 hrs.
Stack ◦ React ◦ styled-components ◦ SOAP XML API
The project required immense research time due to SOAP API backend as it was unfamiliar to me.
- maps with pins
- carousel gallery
- animations
- responsive
Westland Phase 3 ◦ corporate ◦ 🕙 20.8 hrs.
Stack ◦ React ◦ styled-components
Built 2 pages team, and custom blog post template.
- blog post template
- scroll direction switch
- animated logo section
- responsive
Secret Project ◦ full ◦ 🕙 78.0 hrs. ◦ 🚧
Work in progress...
Floorplans Wizard ◦ tool ◦ 🕙 11.5 hrs.
Stack ◦ NodeJS ◦ TypeScript ◦ Optimization
Get rids of a couple of hours worth of tedious manual work per project by automatically generating code and folder structure from floorplan/floorplate SVGs.
- easy to use
- no dependencies
- documentation
Realtor Portal Template ◦ tool ◦ 🕙 25.0 hrs.
Stack ◦ React ◦ TypeScript ◦ styled-components
Created a template for regular use, based on previous realtor portal designs. Potentially shaves off +10 hours per realtor portal project.
- easy to use
- documentation
Belford ◦ directory app ◦ 🕙 19.0 hrs. ◦ 🛟
Stack ◦ React ◦ TypeScript ◦ Redux ◦ styled-components
Created a entrance directory app for one of our clients.
- slide show
- virtual keyboard
- fuzzy search
Secret Project ◦ corporate ◦ 🕙 107.0 hrs. ◦ 🚧 ◦ 🛟
Work in progress...
Handbook ◦ documentation ◦ 🕙 5.0 hrs.
Stack ◦ markdown ◦ GitHub
A handbook to index previosly solved challenges and their solutions for current and future developers. People forget easily, this aims to solve that problem.
Beedie Account Creator ◦ tool ◦ 🕙 6.0 hrs.
Stack ◦ NodeJS
This is a tool for a 7-year-old legacy PHP project we receive maintenance ticket once a year every year. The original account creation is basically broken. This tool automates many tasks we are required to do manually. It also provides a better developer experience.
- creates accounts automatically from a csv
- generates a csv with an added password column
- creates accounts locally in the PHP system as well
- shaved 10 hours off the annual ticket for now.
- annual savings of 20 hours is possible
Marco Polo ◦ teaser ◦ 🕙 19.0 hrs. ◦ 🛟
Stack ◦ React ◦ TypeScript ◦ styled-components ◦ Hubspot Forms
- spark.re form integration via make.com
- animation
- responsive
Dreamer ◦ teaser ◦ 🕙 19.3 hrs. ◦ 🛟
Stack ◦ React ◦ TypeScript ◦ styled-components ◦ Hubspot Forms
- spark.re form integration via make.com
- double video treatment, preview + actual video
- animation
- responsive