Syed
Hassan
Highlights
Approach
- Agile Workflow
- Design Thinking
- Responsive Web Design
- Version control using Git and GitHub
- Human Centered Approach
- User Research
- Sketching, Wireframing and Prototyping
- Usability Testing and Design Critique
- Animation and Motion Graphics
- Visual Storytelling
- Critical Thinking, Problem Solving
Skillset
- JavaScript ES6
- Python
- PHP
- SQL
- CSS & SASS
- R
- C++
- Figma
- Adobe Creative Suite
- Microsoft Office
- SAP
Libraries+
- React.js
- Eleventy/11ty (Jamstack)
- Next.js (Jamstack)
- Node.js
- Sanity, WordPress
- jQuery, Bootstrap, Tailwind
- CSS Animations, GreenSock.js
- HTML Canvas
- Express.js
- NoSQL, MongoDB (novice)
- AWS EC2 (novice)
Projects
Web Design & Development
Ontario.ca Developer Site
Programmed the site using the Jamstack/Eleventy based toolkit. Designed the site prototype according to Ontario.ca Design System. Integrated the front-end with Sanity as the back-end headless CMS. Managed the project from start to finish in an Agile setting, in collaboration with other developers, and according to the needs of the product manager.
Tech Stack
- Jamstack, Eleventy JS – FrontEnd
- Sanity - Headless CMS
Full-Stack CMS with Spotify's API
EventsGo is a Content Management System that enables you to create event posts using images and YouTube videos. You can also create user accounts for the in-house CMS. Users can also search for artists on our page and add them to the website. The rationale was to test my full-stack skills, integrate the frontend with the database, and enhance its capacity to import and export data through APIs. The software is also customizable and can be used as a content managing tool using the web browser.
Please use the email "testuser@email.com" and password "portfolio2023".
Tech Stack
- HTML, CSS & JS
- PHP with REST API
- Spotify's API with OAuth
Club Cricket Website
Club Cricket of Chicago hired me to create their website. The website mimics sports teams' websites by incorporating animations and interactions. The project is a work in progress but the layout is well in place. The site is created using React JS with code that is scaleable, and can easily accept more content.
Tech Stack
- HTML, CSS
- React JS
Experience
Current Experience
Web Developer - Ontario Digital Service
since May 2023
- Full-stack software development using Eleventy and Node.js.
- Contributed to and tested various repositories and applications.
- Provided client services to teams from Ministry of Education.
- Created tutorials, documentation, and guides for end-users.
Developer & Designer - Freelance
since 2020
- Branding and Ideation.
- Prototyping.
- Created single and multipage responsive websites.
- Front-End Development, API's and back-end development.
Data Supervisor - Metro Inc.
Oct 2021 - May 2023
- Worked closely with Systems Manager to integrate various applications across platforms:
IoT voice devices, SAP, in-house CMS, Java apps, and web apps. - Managed the warehouse's Content Management System.
- Ran and wrote macros - VBA and tabular data scripts.
Other Experience
- Accounting, Finance, & Administration
Credentials
Master of Information – Information Systems
University of Toronto, Faculty of Information – (Ongoing)
Representative Courses: Computational Thinking, Systems Analysis & Process Innovation, System Requirements & Architectural Design, Data Modeling & Database Design, Information Management & Systems
Bachelor of Information
University of Toronto, Faculty of Information
Representative Courses: Coding, Computational Reasoning, Data Analytics, Project Management, Info. Design, Info. Visualization, Information Policy
Diploma of Design & Development
Humber College
Representative Courses: Creative Thinking, Creative Coding, Web Technology, Contemporary Web Design, UI Design, Emerging Multimedia Practice
Certifications
Linkedin Learning
Become a Front-End Developer
24 hrs
Learn CSS
27 hrs
Become a Web Developer
22 hrs
In-Progress
Become a React Developer
22 hrs
Become a Full-Stack Developer
29 hrs
Courses
- Learn React
- React.js Essential Training
- React.js Building an Interface
- React: Creating and Hosting a Full-Stack Site
- SQL Essential Training
- Learning PHP
- Learning GitHub
- JavaScript Essential Training
- JavaScript and JSON: Integration Techniques
- JavaScript and AJAX: Integration Techniques
- Sass Essential Training
- Learning ECMAScript 6+ (ES6+)
- UX Foundations: Accessibility
- Advanced Responsive Layouts with CSS Flexbox
- CSS: Advanced Layouts with Grid
- CSS: Enhancing Interfaces with Animation
- Adobe Creative Suite
- and many others….