83971f3c1a
📊 API Integration Features: - Load project data from /api/Projects endpoint - Map API response to table format with proper field mapping - Implement loading states with Spin component - Add pagination support from API response 🗂️ Data Mapping: - categoryName -> Category column - startDate -> Start Date column - progressPercentage -> Progress column - endDate -> Deadline column - status -> Status column - budget -> Budget column - projectName, clientName, createdByName mapped correctly 🔧 Technical Implementation: - Added useEffect for data loading on component mount - Implemented loadProjects async function - Added helper functions for status/category color mapping - Integrated API pagination with table pagination - Added error handling for API calls - Loading spinner during data fetch 🎨 UI Enhancements: - Maintained existing table design and styling - Preserved all filter and search functionality - Added loading states for better UX - Dynamic status and category color mapping - Proper date formatting with dayjs 🚀 Ready for Backend: - API endpoint: /api/Projects - Expected response format documented - Pagination parameters: page, pageSize - Error handling implemented - Loading states managed
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.