Projects using Framer in CalgaryProjects using Framer in CalgaryAutoFlow — AI Automation Platform
I built AutoFlow as a full AI automation system that lets users create workflows that trigger events, process data, and deliver results automatically.
Key Features
Animated Interface – Clean dark theme with gradients, motion effects, and responsive design.
AI Workflow Engine – Automates tasks through Trigger → Process → Deliver steps using AI for data handling and transformation.
User Accounts – Secure login, registration, and protected routes.
Dashboard – Create, edit, run, and track automations with execution logs.
API + Webhook Support – Connect external services and trigger workflows from real data.
Stack
Next.js, Tailwind, TypeScript
Supabase (auth + DB)
AI APIs for automation logic
Framer Motion MedalsNBongs.com (http://MedalsNBongs.com) is a platform dedicated to promoting and honoring U.S. Army heroes. The system collects public data from Wikipedia and creates detailed hero profiles, including biography, war participation, medals, and automatically calculated points based on medal value.
The platform is built with Next.js, running on a secure Linux VPS with domain hosting and HTTPS. API keys are safely stored on the server. The tech stack includes Next.js (frontend & backend API routes), database integration, authentication system, and role-based access control.
Users can sign up, sign in, and sign out securely. Admin and user pages are separated with managed privileges. Admins can add or remove medals and update hero descriptions.