Stock App

Check The Live Website ➡️ Live Website

Description

Project aims to create a Stock App.

Visualization of the Website

Project Skeleton

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

Used in this project

👉 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.