AccountMart is an e-commerce application specializing in selling premium digital accounts such as Netflix, Canva, Cursor, Google Veo 3, and many other services. The application is built with Next.js 16 and React 19, providing a fast and automated shopping experience.
- Next.js 16.0.10 - React framework with App Router
- React 19.2.0 - UI library
- TypeScript 5 - Type-safe JavaScript
- Tailwind CSS 4.1.9 - Utility-first CSS framework
- shadcn/ui - High-quality React components (New York style)
- Radix UI - Unstyled, accessible component primitives
- Dialog, Dropdown, Select, Tabs, Toast, Tooltip and many other components
- Lucide React - Icon library
- next-themes - Dark/Light mode support
- tailwindcss-animate - Animation utilities
- React Hook Form 7.60.0 - Performant form library
- Zod 3.25.76 - TypeScript-first schema validation
- @hookform/resolvers - Validation resolvers
- Sonner - Toast notifications
- Recharts 2.15.4 - Chart library
- Embla Carousel - Carousel component
- React Day Picker - Date picker
- CMDK - Command menu component
- Vaul - Drawer component
- Input OTP - OTP input component
- React Resizable Panels - Resizable panel layouts
- date-fns 4.1.0 - Date utility library
- clsx - Conditional className utility
- tailwind-merge - Merge Tailwind classes
- class-variance-authority - Variant management
- Vercel Analytics - Web analytics
- Deployed on Vercel - Hosting platform
- Atomic Design Pattern - Component organization (atoms, molecules, organisms, templates)
- App Router - Next.js 13+ routing system
- Server Components - React Server Components support
- i18n Support - Vietnamese language support
- Theme Provider - Dark/Light mode switching
- Context Providers - Cart, Auth, Language providers
- ESLint - Code linting
- PostCSS - CSS processing
- pnpm - Package manager
Account-mart/
├── app/ # Next.js App Router pages
│ ├── cart/ # Shopping cart page
│ ├── checkout/ # Checkout page
│ ├── login/ # Authentication page
│ ├── my-services/ # User services page
│ ├── orders/ # Order management
│ ├── profile/ # User profile
│ └── wallet/ # Wallet/recharge page
├── components/ # React components
│ ├── atoms/ # Basic UI elements (badge, logo, price, status)
│ ├── molecules/ # Composite components
│ ├── organisms/ # Complex components
│ ├── templates/ # Page templates
│ ├── providers/ # Context providers (theme, cart, auth, language)
│ └── ui/ # shadcn/ui components
├── lib/ # Utilities and helpers
│ ├── i18n/ # Internationalization translations
│ └── utils.ts # Utility functions
├── public/ # Static assets
└── styles/ # Global styles
- Node.js 18+
- pnpm (recommended) or npm/yarn
- Clone the repository:
git clone <repository-url>
cd Account-mart- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open http://localhost:3000 in your browser.
pnpm dev- Start development serverpnpm build- Build for productionpnpm start- Start production serverpnpm lint- Run ESLint
- 🛒 Shopping Cart - Add to cart and checkout functionality
- 👤 User Authentication - Login and profile management
- 📦 Order Management - Track and manage orders
- 💳 Wallet System - Recharge and payment management
- 🌐 i18n Support - Vietnamese language support
- 🌓 Dark/Light Mode - Theme switching
- 📱 Responsive Design - Mobile-first approach
- ⚡ Performance Optimized - Next.js App Router with Server Components
Your project is live at:
https://vercel.com/leowellbeing-1318s-projects/v0-account-mart-frontend-build