Skip to content

pythonprincessux/Aurora-UI

Repository files navigation

🌌 Aurora UI — Ember Edition

Created by Kiara McRae

A full-stack, cloud-native showcase blending UX, engineering, and automation into one glowing ecosystem.

Aurora Banner

View Live Portfolio

View Source Code

Built with Docker Deployed on Vercel Kubernetes Ready


✨ Overview

Aurora UI is more than a portfolio — it’s a living proof-of-concept merging design systems, automation, and scalable deployment in one responsive experience.
It demonstrates mastery across UX, front-end engineering, and DevOps, proving how code and design can move as one.


🧩 Core Features

Category Description
🎨 Design System TailwindCSS-based gradient + motion components for consistent UI
True Shuffle Fisher–Yates algorithm ensures unbiased random playback
🎧 Ambient Audio Layer Framer Motion + ambient loops for immersive storytelling
📊 Aurora Cloud Dashboard Interactive analytics built with Recharts
🧱 Architecture Visualization Visual hierarchy from user → frontend → container → cloud
🤖 Automation Ready CI/CD + container orchestration configuration
🪄 Accessibility Compliance WCAG 2.1 AA, ARIA, and ADA-aware design
💌 Email Experience Suite WCAG-compliant, Litmus-tested HTML emails with CAN-SPAM adherence

🏗️ How Aurora Was Built

🖥️ Frontend Foundation

  • Built with Next.js 15 + TypeScript
  • Styled with TailwindCSS and Aurora’s gradient system
  • Integrated Framer Motion for smooth animations
  • Implemented True Shuffle (Fisher–Yates) logic for unbiased randomness

⚙️ Infrastructure & Deployment

  • 🐳 Containerized via Docker for cross-environment builds
  • ☁️ Orchestrated for Kubernetes scalability
  • ⚡ Automated CI/CD using GitHub Actions + Terraform (IaC)
  • 🚀 Auto-deployed to Vercel with preview builds and production pipelines

🧠 Aurora Architecture Diagram

🧑‍💻 User
⬇️
💻 Frontend — Next.js · Tailwind · TypeScript
⬇️
📦 Container Layer — Docker · GitHub Actions
⬇️
☁️ Cloud — Vercel · Kubernetes · Terraform

Every layer reflects Kiara’s workflow — from front-end craft to scalable cloud automation.


🚀 The Next Evolution of Aurora

Phase Feature Description
🧠 AI Integration Vertex AI + Python microservices Predictive playlists & adaptive dashboards
📊 Dashboard v3 Cloud analytics Real-time metrics & sentiment tracking
🎨 Aurora Design System Component library Accessible, scalable multi-theme UI

👩🏽‍💻 About the Creator

Kiara McRae — UX & Front-End Developer • Systems Thinker • Leader
Based in Atlanta, GA | Building tools that feel as intuitive as they are intelligent

  • 🎓 BS, Human Systems Engineering (UX) — Arizona State University (Graduating 2026)
  • 💻 BS, Computer Science — Georgia State University (Graduating 2026)
  • Certifications: Google Project Management, Six Sigma Green Belt
  • 🧰 Project Tools: Jira, Asana, MS Project, Smartsheet
  • ☁️ Cloud Platforms: Azure (basic familiarity), Google Cloud (coursework)
  • 🔩 Hardware & Design: Arduino microcontrollers (C++ / sensor integration), Fusion 360 CAD modeling
  • 🏆 Twice named Manager of the Quarter at Starbucks for operational excellence and innovation

“I lead, design, and automate with taste.
If you value velocity and craft — we’ll get along.”


💬 Contact

Platform Link
💼 LinkedIn linkedin.com/in/kiara-mcraetopperformer
✉️ Email kiarammcrae@gmail.com
📞 Phone +1 (678) 770-8243
🧠 GitHub github.com/pythonprincessux
🌐 Live Site aurorakiara.dev

🛠️ Tech Stack Badges

Next.js TailwindCSS TypeScript Framer Motion Docker Kubernetes Terraform Vercel GitHub Actions


🧾 License

© 2025 Kiara McRae • All Rights Reserved
Built with 💖, motion, and ember glow ✨

About

UX + Front-End Developer Portfolio • Next.js • Tailwind • Docker • CI/CD • Cloud-Native Architecture

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published