The Boxigo application is a React-based project designed to display and manage moving details. It leverages the Chakra UI library for a clean, responsive, and user-friendly interface. The application fetches moving details from an API and presents them in a structured format, allowing users to view and manage their move details and inventory items.
Fetching Data: Retrieves moving details from an external API.
Detailed View: Displays comprehensive moving details including origin, destination, property size, distance, and moving date.
Inventory Management: Shows categorized inventory details for each move.
Loading State: Displays a spinner while data is being fetched.
Error Handling: Gracefully handles errors during data fetching.
Toggle Details: Allows users to toggle the visibility of additional move details.
Chakra UI: Utilizes Chakra UI components for a consistent and responsive design.
The application will be available at 'https://boxigo-app-xi.vercel.app/'.
src/
components/: Reusable components like InventoryDetails.
Main pages such as MyMoves.
App.js: The root component.
index.js: Entry point for the application.
Endpoint: The application fetches data from http://test.api.boxigo.in/sample-data/.
Data Structure: The API returns moving details which include inventory categorized by type.
Home Page: Lists all moves with basic details (from, to, request number, etc.).
Accordion: Expands to show additional details and inventory items for each move.
Buttons: Options to view/hide details and manage quotes.
Chakra UI: To provide a robust and easy-to-use UI framework.
React: For being the foundation of the project.
If you have any questions, concerns, or feedback, please feel free to reach out:
- [Prajit Kumar Santra]
- Email: [santraprajit@gmail.com]
- GitHub: [/~https://github.com/prajit96]
Any contributions or suggestions to improve this project are highly welcome. Let's make it better together!