This project, developed with React, is a single-page online web application. It allows you to manage and receive orders. Additionally, it includes an inventory system with the ability to add, edit, delete, and view products, companies, brands, sales, and purchases.
E-Mail: [email protected],
Password: aA?123456,
- Login and register operations
- Pagination for smooth transitions between pages.
- Dashboard section where purchases and sales sections are tabulated
- Purchases, sales, firms, brands and product sections that you can add, delete and update yourself
- React
- Redux
- Redux-Toolkit
- Axios for API requests
- React-Router-Dom
- Styling with Material UI
- React-Toastify for alert
- Redux-Persist for status data retention.
- Tremor for charts
- Formik for form management
- Yup for form validation processes
- Create your registration from the Register section and log in from the login section
- Pagination for smooth transitions between pages.
- Create your own stock
- Add, delete and update purchases, sales, firms, brands and product sections
Stock App (folder)
|
|----readme.md
SOLUTION
├── public
│ └── index.html
├── src
│ ├── assets
│ │ └── images
│ ├── components
│ │ ├── BrandCard.jsx
│ │ ├── BrandModal.jsx
│ │ ├── Charts.jsx
│ │ ├── DataFetchMsg.jsx
│ │ ├── FirmCard.jsx
│ │ ├── FirmModal.jsx
│ │ ├── KPI.jsx
│ │ ├── MenuListItems.jsx
│ │ ├── ProductModal.jsx
│ │ ├── ProductTable.jsx
│ │ ├── PurchasesModal.jsx
│ │ ├── PurchasesTable.jsx
│ │ ├── SalesModal.jsx
│ │ └── SalesTable.jsx
│ ├── features
│ │ ├── authSlice.js
│ │ └── stockSlice.js
│ ├── helpers
│ │ ├── MenuIcons.js
│ │ └── ToastNotify.js
│ ├── pages
│ │ ├── Brands.jsx
│ │ ├── Dashboard.jsx
│ │ ├── Firms.jsx
│ │ ├── Home.jsx
│ │ ├── Login.jsx
│ │ ├── Products.jsx
│ │ ├── Purchases.jsx
│ │ ├── Register.jsx
│ │ └── Sales.jsx
│ ├── router
│ │ ├── AppRouter.jsx
│ │ └── PrivateRouter.jsx
│ ├── service
│ │ ├── UseAuthCalls.jsx
│ │ ├── UseAxios.jsx
│ │ └── UseStockCalls.jsx
│ ├── styles
│ │ ├── globalStyles.js
│ │ └── menuListStyle.js
│ ├── App.js
│ ├── index.css
│ └── index.js
├── package.json
└── yarn.lock
The project is compatible with both wide-screen computers and mobile devices.