v1.4.1
x 0 • y 0

Delete Item

Are you sure you want to delete this item? This action cannot be undone.

intoview • note — README

README

Overview

intoview • note (v1.4.1) is a simple note-taking application built with React, Three.js, and GSAP. It merges creative presentation with a technical showcase.

Core Stack

React 18.3.1 — UI framework

Three.js + React Three Fiber — 3D graphics

GSAP 3.12.5 — Animation system

TypeScript/ES6 Modules

Design System

You know, playing with the morphisms, applying the knowns, venturing into the unknown. I have a nifty isometric grid I'm experimenting with elsewhere.

Interactions

Be kind while I iron out the kinks, but the premise is: Take a photo → Make a note → Carry along

Credits

If I may offer a relevant anecdote: I once worked at a big-deal agency for a big-deal client. Lots of fluff, lots of coasting, lots of individuals operating in silos. As an aside, we maintained our so-called "sprint schedule" in a password protected Keynote presentation. Anyway, our big-deal client came to us asking demanding we copy another big-deal agency's website navigation verbatim; note for note.

So we did. But, no one asked why ~ except for me, I asked why and was summarily fired, but I digress ~ as it ultimately became clear such navigation schema did not meet their business requirements, nor objectives ~~~ It was, after all, a single-page website that served as the primary gateway into their gated marketplace, but nbd/ngl.

Alas, as I develop my concept for intoview.pro, I am wanting to craft an experience that allows me to explore methods and techniques that frankly, those big-deal agencies cannot or will not do.

Special thanks to the codepen community, codrops demos, and a case study I found for Phantom Studio's homepage grid.