A web application was developed for the Dashboard page (consists of Statistics, Recent Customers, Income/Expenses components), which displays information about income, expenses, and other statistics of the medical store. The main administrator logs in to his account using his username and password (for test, username: admin@gmail.com and password: admin1234) and is redirected to the main Dashboard page. The layout is adaptive, with breakpoints (375px, 768px, 1440px). A Sidebar component has been created, which contains a navigation menu for different pages of the application, which contains items in the form of icons:
- Dashboard: Item for going to the main Dashboard page.
- Orders: Item for going to the orders page.
- Products: Item for going to the products page.
- Customers: Item for going to the page with a list of customers.
- Suppliers: Item for going to the page with a list of customers.
Each menu item is clickable and leads to the corresponding page of the application. Highlights the active menu item so that the user always sees which page he is on. On the data pages, filtering by name has been added. On the product page, you can add a new product, deregister or delete an existing one. On the supplier list page, you can add a new one and deregister an existing one.
TypeScript, SASS, React DOM, React Router, React hook form, Yup, Firebase Database, Firebase Auth, Zustand, Dayjs, Material UI, MUI x-date-pickers, Fontsource, Iconify, Vite, Prettier, ESLint.
