A modern, type-safe frontend for managing bicycle inventory. Designed to work with any backend (Supabase-compatible by default).

• Inventory Management: Track cycles with detailed specifications
• Responsive UI: Works on all device sizes
• Type Safety: Built with TypeScript for robust development
• Modern Styling: Utilizes Tailwind CSS and shadcn-ui components

• ⚡ Vite - Next-gen frontend tooling
• 🏗️ React 18 - Component-based UI
• 📜 TypeScript - Type-safe JavaScript
• 🎨 Tailwind CSS - Utility-first CSS framework
• 🧩 shadcn-ui - Beautifully designed components

• Node.js ≥16.x
• npm/yarn/pnpm

# Clone the repository
git clone  https://github.com/D3ras/cycle-flow-inventory-app.git

# Navigate to project directory
cd cycle-flow-inventory-app

# Install dependencies
npm install

# Start development server
npm run dev

Create a .env file based on .env.example:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_KEY=your_supabase_anon_key

/src
├── /assets          # Static assets
├── /components      # Reusable UI components
├── /hooks           # Custom React hooks
├── /lib             # Utility functions
├── /pages           # Application pages
├── /types           # TypeScript type definitions
├── App.tsx          # Main application component
└── main.tsx         # Application entry point

• dev: Start development server
• build: Create production build
• preview: Preview production build locally
• lint: Run ESLint
• type-check: Verify TypeScript types

Pull requests are welcome. For major changes, please open an issue first to discuss proposed changes.