Skip to content

README.md

Latest commit

 

History

History
39 lines (32 loc) · 940 Bytes

README.md

File metadata and controls

39 lines (32 loc) · 940 Bytes

CatalogX Frontend

Modern glassmorphism UI for CatalogX.

Technologies

  • Framework: React + Vite
  • Language: TypeScript
  • Styling: Vanilla CSS (Custom Glass Theme)
  • Icons: Lucide React
  • Animations: Framer Motion
  • API Client: Axios

Frontend Architecture

graph TD
    App[App Container]
    AuthProvider[Auth Context Provider]
    AppRouter[React Router]
    GlassLayout[Layout - Glassmorphism]
    Pages[Pages - Home, Auth, Catalog]
    Components[Components - GlassCard, Navbar, Form]

    App --> AuthProvider
    AuthProvider --> AppRouter
    AppRouter --> GlassLayout
    GlassLayout --> Pages
    Pages --> Components
Loading

Getting Started

  1. cd frontend
  2. npm install
  3. npm run dev

Design Theme

  • Theme: Blue Glassmorphism
  • Color Palette: Dark Navy (#0f172a) to Royal Blue (#1e3a8a)
  • Aesthetic: Translucent surfaces, high blur, vibrant primary blue accents.