Check The Live Website ➡️ Live Website
Project aims to create a Stock App.
Stock App (folder)
|
|----readme.md
SOLUTION
├── public
│ ├── index.html
│ └── [other Files]
├── src
│ ├── routers
│ │ ├── AppRouter.jsx
│ │ └── PrivateRouter.jsx
│ ├── components
│ │ ├── Cards
│ │ │ ├── BrandCard.jsx
│ │ │ ├── FirmCard.jsx
│ │ │ └── KpiCards.jsx
│ │ ├── modals
│ │ │ ├── BrandModal.jsx
│ │ │ ├── FirmModal.jsx
│ │ │ ├── PurchasesModal.jsx
│ │ │ ├── SalesModal.jsx
│ │ │ └── ProductModal.jsx
│ │ ├── tables
│ │ │ ├── ProductsTable.jsx
│ │ │ ├── PurchasesTable.jsx
│ │ │ └── SalesTable.jsx
│ │ ├── Charts.jss
│ │ ├── LoginForm.jsx
│ │ ├── MenuListitems.jsx
│ │ ├── Menuselect.jsx
│ │ └── RegisterForm.jsx
│ ├── features
│ │ ├── AuthSlice.jsx
│ │ └── StockSlice.jsx
│ ├── helpers
│ │ └── toastNotify.jsx
│ ├── hooks
│ │ ├── useAuthCalls.jsx
│ │ ├── useAxios.jsx
│ │ ├── useSortColumn.jsx
│ │ └── useStockCalls.jsx
│ ├── pages
│ │ ├── Brands.jsx
│ │ ├── Dashboard.jsx
│ │ ├── Firms.jsx
│ │ ├── Home.jsx
│ │ ├── Login.jsx
│ │ ├── Products.jsx
│ │ ├── Purchases.jsx
│ │ ├── Register.jsx
│ │ └── Sales.jsx
│ ├── styles
│ │ └── globalStyle.jsx
│ ├── assets
│ │ └── result.svg
│ ├── app
│ │ └──store.jsx
│ ├── App.js
│ └── index.js
│
├── package.json
└── yarn.lock
👉 I mastered ReactJS, React Router, react-dom, Reduxjs/toolkit, react/tremor, redux-persist, Formik, Yup, axios, Material UI, react-toastify, features in this project. You can see the visual representation of the website above.