THANKS FOR STOPPING BY!

copyright ©2023 Zoe Kapela

copyright ©2023 Zoe Kapela

THANKS FOR STOPPING BY!

copyright ©2023 Zoe Kapela

copyright ©2023 Zoe Kapela

THANKS FOR STOPPING BY!

copyright ©2023 Zoe Kapela

copyright ©2023 Zoe Kapela

Javascript Narrative Project




Javascript Narrative Project




This school coding project required students to design and develop an immersive and interactive storytelling website using JavaScript.

This school UX design project required students to design and develop a responsive app of their choice tailored to professionals.

Figma

Overview

For this school coding project, I was tasked with creating a website that tells an immersive and engaging story using Skrollr and JavaScript. By using Skrollr, I was able to create dynamic animations that respond to the user's scrolling behavior, enhancing the storytelling experience. JavaScript allowed me to create a user-friendly interface and add functionality such as navigation and interactive elements.

Timeline

2 weeks

Tools

Visual Studio Code

HTML

CSS

Javascript

Visual Studio Code

HTML

CSS

Javascript

Visual Studio Code

HTML

CSS

Javascript

View Code

Timeline

6 weeks

Tools

Figma

Timeline

6 weeks

Tools

Figma

Timeline

Timeline

6 weeks

6 weeks

Tools

Tools

Tools

Figma

Figma

Figma

Figma

Figma

Figma

"Crow's Nest" is a collaborative app designed as part of a class project, with a focus on empowering both professionals and citizens to report incidents and crimes they witness. The purpose is to facilitate a more comprehensive understanding of various cases and accidents, providing law enforcement officers and dispatch with valuable information. This app is a critical tool aimed at enhancing the communication flow between the community and law enforcement, with the added functionality of allowing users to compile detailed reports that can be exported for legal purposes.

Visual Studio Code

HTML

CSS

Visual Studio Code

HTML

CSS

Timeline

6 weeks

Tools

Figma