Alice & Smith Metalab

aliceandsmithmetalab.com

Objective:

Bring life to the website, creating an engaging and interactive user experience.

Areas of responsibility:

Rebuild, extend and animate sections of the website using scrollTrigger and timeline events from the GSAP animation library.

Tech stack

Next.js, React, GreenSock, Docker, CD, BitBucket

How's Your Weather?

howsyourweather.ca

Objective:

Conduct research into weather APIs, and develop an easy to use weather app.

Areas of responsibility:

Research and develop the web app using React, Next.js, and the OpenWeatherMap API. Construct and connect Google Authentication and connect the web app to storage to retrieve favourited cities. Create a responsive design that is easy to use on mobile and desktop devices, and implement it with Chakra UI framework. Deploy the app to Vercel.

Tech stack

Next.js, React, Chakra UI, Firebase Authentication, Firestore Database, CD, Git, Vercel

Art Gallery of Nova Scotia

AGNS.ca

Objective:

To create a new website for the Art Gallery of Nova Scotia that is modern, accessible, and easy to use.

Areas of responsibility:

Develop mobile-first responsive design, accessibility, and front-end development. Manage client reviews, expectations, and feedback. Oversee offsite development team.

Tech stack

HTML, CSS, JavaScript, PHP, SQL, WordPress, APIs, CD, Git

UCC Landing Page

College Parallax prototype

Objective:

Develop a prototype landing page for a college website.

Areas of responsibility:

Identify suitable animation libraries to meet the design requirements and build a working prototype for client review.

Tech stack

HTML, CSS, JavaScript, GSAP and Locomotive Scroll animation libraries.

Ontario Brain Institute

braininstitute.ca

Objective:

Update and rebuild the Annual Report template to replace static images with responsive components to meet accessibility requirements.

Areas of responsibility:

After researching CraftCMS Twig templates, rebuild the page to modern responsive and accessible CSS code standards. Restructure the page to serve bilingual content, and to allow for smoother future updates. Coordinate deployment with the client's hosting provider to ensure a smooth transition.

Tech stack

HTML, CSS, JavaScript, CraftCMS, Twig, JQuery, APIs, CD, G-Cloud

Efficiency Nova Scotia

efficiencyns.ca

Objective:

Rapidly research, prototype, and develop a new tool to help Nova Scotians find energy efficiency rebates and programs.

Areas of responsibility:

Research and prototype the tool, and develop the front-end code to style the tool. Present costings and alternative solutions to client. Coordinate with the client to ensure the tool meets their needs, and is delivered on time.

Tech stack

HTML, CSS, JavaScript, CD, AWS, Git