About Synth & Financial Tools

Immersive Audio-Visual Experience

Synth is your portal to an immersive, synthwave-inspired journey. Powered by generative p5.js art and curated ambient tracks, the player renders dynamic particles and lines that respond in real time while you listen. Whether you’re chilling or working, just hit “Launch Player” and let the visuals flow.

Playlist of 10 hand-picked tracks (classic anthems, remixes, and originals).
Play/Pause, Volume control, and seamless looping.
Responsive design—works on desktop, tablet, and mobile.
Animated UI powered by Anime.js for smooth transitions.

Advanced Financial Calculator

Built specifically for Nova Scotians (but adaptable everywhere), our financial suite helps you plan your future:

Project your savings and chequing balance over 1–10 years with Chart.js line charts.
Calculate maximum monthly discretionary spending to hit a $30 000 savings goal in 2 years.
Dynamic tips sidebar (Tippy.js tooltips) offers budgeting advice on the fly.
Load sample profiles (Student, Job Seeker) with one click.

Tech Stack & Future Roadmap

We’ve leveraged modern front-end tools to keep the app fast and modular:

📦 Tailwind CSS for utility-first styling
🎨 p5.js for generative backgrounds
🚀 Anime.js for UI animations
🔊 Web Audio API & Lucide for audio controls and icons
📈 Chart.js for financial projections
🔎 Tippy.js for contextual definitions & tips

Coming soon: a 3D Three.js visualizer (beautiful rotating spheres), user accounts & saved presets, currency converters, and premium insights dashboards.

Built & Maintained In Nova Scotia

Designed and coded in Halifax, Canada, with ❤️ for anyone who wants to blend music, art, and personal finance under one roof.

Check Out Our Sister Project: AuraSync X

From the same developer, AuraSync X is a personal media hub for immersive music and video experiences. It features a stunning, GPU-accelerated 3D music visualizer and a sleek MP4 video player, all built with the same focus on privacy and local processing.