Projects using React in OcoeeProjects using React in Ocoee
Projects
People
Cover image for Developed a modern MP3 metadata
Developed a modern MP3 metadata editor focused on making music file management simple and intuitive. The app allows users to upload MP3 files through drag and drop or file selection, inspect and edit common metadata tags, attach album artwork, preview the updated track information instantly, and save the edited file directly in the browser. The frontend was built with React, TypeScript, and Vite, with Chakra UI for a responsive interface and Framer Motion for smoother interactions. Metadata parsing and writing were handled with music-metadata and browser-id3-writer, keeping the workflow fully client side. Tech stack React, TypeScript, Vite, Chakra UI, Framer Motion, music-metadata, browser-id3-writer, file-saver. What I delivered A responsive web app for editing MP3 metadata, album art management, drag and drop upload, real time metadata preview, and client side file export.
1
42
Cover image for Everyone's waving their arms around and wiggling our fingers...
Everyone's waving their arms around and wiggling our fingers trying to find the next great interaction 🤪 But what if we already have it??!!@#!? 😤 # Pinch to zoom? no No NO 🙅‍ 👉👉👉👉👉 Pinch to DESIGN 👈👈👈👈👈 https://wallow-trek-40974737.figma.site/ (https://wallow-trek-40974737.figma.site/)Is lite/dark mode the height of user preference in design? A design experience where a designs amount of sophistication IS the interaction. Pinch to go from text sites of yesteryears 😢 to modern insistence for rounding's, gradients, shadows all that thang. In high fidelity enable element-design to pinch elements for rapid iteration 🔮. No touchscreen/pad? ctrl+scroll 🧪💖 By careful planning it was done in figamake with just 1 set of daily credits on a free plan , ~150 daily? without needing the contests promo upgrade 💪.
4
2
153
Cover image for ⛰🏃‍♂️💨🔥 Prometheus took fire for it's greatest and worst ...
⛰🏃‍♂️💨🔥 Prometheus took fire for it's greatest and worst power: it can make more of itself.🔥🔥🔥 FireBuilder is intended as an offline first page builder SPA, no servers (deployed on github), with export features and intended to be able to deploy to github itself; using either PATs or PKCE auth methods. Try it out https://paulnewton.github.io/firebuilder/ (https://paulnewton.github.io/firebuilder/)And builder.io preview url (https://262df3c9d6494d4e9131ae39984e8558-main.projects.builder.my)A simple hallmark of great tools is the ability to make more. So this is one of the first things I do with code AI's see how far of an MVP it can make of builder.io Fusion did a pretty good job, nearly a oneshot w/ ~25 tokens. That allowed me time to go off and be creative with the intro video for the story of prometheus as an intro.
2
2
240