🪓 Axe Web — The Dashboard [1/2]

This is the web-based part of the Axe Optimizer project. I built this dashboard to give users a clean way to manage their PC profiles, licenses, and optimization stats from the cloud.

While the desktop engine (C#) does the "dirty work" inside Windows, this React-based hub keeps everything organized and in sync.

---

🛠️ Tech Stack

I wanted this to be fast and look good, so I chose:

• Next.js 14 (App Router) – For the foundation and fast routing.
• TypeScript (.tsx) – Because I prefer my code to be predictable and type-safe.
• Supabase – Handles the database, authentication, and the real-time magic.
• Tailwind CSS – Used for that custom "Gamer" dark-mode aesthetic.

---

✨ What it does

• Live Sync: I used Supabase in realtime, so when you trigger an optimization in the desktop app, the web dashboard updates instantly.
• Profile Management: You can manage your hardware IDs (HWID) and license tiers directly from the browser.
• Modern UI: A fully responsive dashboard with glassmorphism effects, built to match the desktop app's vibe.

---

📸 Screenshots

Note

This repository contains only the Web UI. The actual C# Optimization Engine can be found here: 👉 https://github.com/skutyy/axe-optimizer-desktop

---

🚀 Running it locally

1. Clone the repo:

   git clone [https://github.com/skutyy/axe-optimizer-web.git](https://github.com/skutyy/axe-optimizer-web.git)
   cd axe-optimizer-web

2. Install dependencies:

   npm install

3. Set up your keys: Create a .env.local file and add your Supabase credentials:

   NEXT_PUBLIC_SUPABASE_URL=your_project_url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key

4. Start the dev server:

   npm run dev

   Head over to http://localhost:3000 to see it in action.

---

📄 License

MIT. Feel free to check the code and use it for your own learning.

Built by skutyy ⚡