This project is a Vue 3 + Vite + TailwindCSS admin dashboard skeleton featuring authentication scaffolding, protected routes, and reusable UI components ready to connect to your existing API.
- Install dependencies:
npm install
- Create your environment file:
cp .env.example .env # update VITE_API_BASE with your API endpoint - Run the development server:
npm run dev
The dashboard includes:
- Phone number + password authentication flow powered by Pinia and Axios.
- Global Axios interceptors that automatically append bearer tokens and handle 401 responses.
- Route guards that enforce admin-only access to protected views.
- Minimalist Tailwind-based layout with sidebar navigation and topbar actions.
- Reusable
AppButton,AppCard, andDataTablecomponents with built-in Excel export via SheetJS. - Placeholder API integration with graceful fallbacks to sample data for rapid prototyping.