Sandra Cotrim

Graphic Design | Web Development | Storytelling

ham close

Interactive E-card - Happy Easter

Client: School Project, BCIT

Date: September, 2016

Tools: Brackets, Google Drive, Illustrator

Languages: HTML, CSS, JS

Description: This project was done during my second semester at BCIT. The purpose of this project was to create an interactive holiday Ecard using only HTML, CSS and Javascript. Part of the project requirements was to have music, images, facts about the holiday and some interactive features. In addition to the requirements I also wanted to add an option to change the language from english to portuguese.

Process: This was a fairly straightforward project. I just worked on the HTML and Javascript files to get all the components to work like I needed them to. I also hid some easter eggs to the card, like when you click on the rabbit to make it blink, or click a few times to get it to hide.. Be warned, it does have music on it! Overall it was a fun project that I did when I was just learning about Javascript. I wrote all the codes using brackets and designed all the images and assets using Illustrator.

  1. Interactive E-Card
  2. Inside
  3. Fun Facts