536fe5f3cc
📊 Custom Pagination Features: - Beautiful custom pagination UI cloned from Product component - Dark/Light mode support with dynamic styling - Animated pagination buttons with hover effects - Page size selector (10, 20, 50, 100 entries) - Real-time pagination info display 🎨 Visual Enhancements: - Gradient backgrounds with glassmorphism effects - Smooth animations and transitions - Hover effects with scale and shadow animations - Active page highlighting with orange gradient - Loading states with disabled styling 🔧 Technical Implementation: - Hide default Ant Design pagination completely - Custom pagination state management - Proper page change and page size change handlers - Redux integration for dark mode theme - Responsive design with flexbox layout 🌈 Styling Features: - Light mode: Clean white/gray gradients - Dark mode: Dark blue/gray gradients with neon accents - Animated hover effects on all interactive elements - Glassmorphism backdrop blur effects - Color-coded pagination info (blue for range, red for total) 🚀 User Experience: - Smooth page transitions - Visual feedback for all interactions - Disabled states during loading - Intuitive page size selection - Clear pagination information display 📱 Responsive Design: - Flexible layout that adapts to screen size - Proper spacing and alignment - Mobile-friendly button sizes - Wrap-friendly pagination info layout
Dreams POS React Template
A modern Point of Sale (POS) system built with React.js.
Features
- Modern and responsive UI
- Complete POS functionality
- Inventory management
- Sales and purchase tracking
- User management
- Reports and analytics
- Mobile-friendly design
Installation
- Clone the repository
git clone https://github.com/anhtuanbtx1/dreamspos-react.git
- Install dependencies
npm install
- Start the development server
npm start
Technologies Used
- React.js
- React Router
- Redux
- Bootstrap
- SCSS
- Axios
License
This project is licensed under the MIT License.