Contract Case Study
A Perfect Space
A PSD to HTML conversion project.
A Perfect Space, a digital locations platform based in Melbourne, Australia, invited me via Upwork to build the HTML pages for both their admin and user interfaces. I subsequently built several public-facing pages, including About Us, How It Works, Contact Us, Team, and Privacy Policy.
Features
- 100% responsive and mobile-friendly
- All modern browsers and devices compatible
- Load time under 3s
What I did
Semantic markup
- Used HTML5 sectioning elements to give the markup meaning.
- Validated the code using W3C HTML validator.
- Coded with readability in mind by proper commenting and consistent indentation, spacing.
CSS architechture
- Created a SCSS architecture by providing namespaces to CSS classes for better maintaiability.
- Followed BEM naming conventions principles.
- Organized SCSS partials in multiple directories and files for better modularity.
Vanilla JavaScript
- Wrote vanilla JavaScript to manipulate the DOM.
- Integrated couple of jQuery plugins including jquery-date-range-picker, jquery-time-picker.
Gulp automation
- Automated development tasks using Gulp.
- Created tasks to minify HTML, CSS, and JavaScript.
- Also, created task to optimize images and build production-ready files.