Instant Notes

πŸ“ Create an instant note wherever you are!Β 

πŸ“… Year: 2021 Fall
⚑ Contributions: Full-stack UX/UI Design, Full-stack development
πŸ’» Tech specs: Javascript, React.js, PWA, react-spring, use-gesture, draft.js
We developed this prototype in a web app to demonstrate layout style and user interaction. We also made it installable and can be used offline. ❌ πŸ“Ά

I like digital products that carry physical feelings to them. I want my digital desktops to have friction to have physical limits such as space. This product is designed to carry that feeling. It gives you that physical desktop property unlike any others. In this app, folders are one-level deep, and all items available are on display.Β 

πŸ‘ Interaction highlights

01 | πŸ“ Create new sticky notesΒ 

New sticker

02 | Resize sticky notes

Resize icon

03 | πŸ—’ Read and edit file

Read/edit file

04 | Copy objects

Copy Objects

05 | πŸ“‚ Combined interactions

Combined function demo
github