An open API service indexing awesome lists of open source software.

https://github.com/ibrsec/stock-app

Stock App - Just Frontend
https://github.com/ibrsec/stock-app

material-ui react redux

Last synced: 2 months ago
JSON representation

Stock App - Just Frontend

Awesome Lists containing this project

README

          








Logo

Stock App


An awesome Stock App
Explore the docs ยป




View Demo
ยท
Report Bug
ยท
Request Feature


๐Ÿ“Ž Table of Contents ๐Ÿ“Ž


  1. About The Project


  2. Overview

  3. Quick Setup

  4. Directory structure

  5. Built With


---


## โ„น๏ธ About The Project

[![stock-app](./public/project.gif)](https://ultra-stock-app.vercel.app/)

(back to top)

---


## ๐Ÿ‘€ Overview

๐Ÿ“ฆ Used a ready backend for stock api
๐ŸŽฏ Used React environment, redux toolkit,redux-persist,react-routing,material mui-x-datagrid, mui-x-charts ,axios,formik, yup, toastify,
๐Ÿ–ฅ You can Register or login with the ready credentials on the login page, Contents can be accessed after logging in!
๐Ÿ”ฉ After login there is a few page like dashboard,products,sales,purchases,firms,brands
๐Ÿ’ช All fields can be manage in their pages
๐ŸŒฑ Records of all fields can be edited, deleted or new records can be added on their own pages
๐Ÿž Firms and Brands pages listed as cards they have edit delete and add new record features
๐Ÿ€ Information listed in tables on the Purchases, Sales, Products pages,
They can be edited, deleted, and new records can be added. You can also make edits on table rows.

(back to top)


## ๐Ÿ›ซ Quick Setup

```sh
# clone the project
git clone https://github.com/ibrsec/stock-app.git

# enter the project directory
cd stock-app

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start
```

(back to top)


## ๐Ÿ“‚ Directory structure

```diff
stock-app (folder)
|
|---public (folder)
|
+ |---src (folder)
| |---assests (folder)
| |
| |---pages (folder)
| |
| |---components (folder)
| |
| |---app (folder)
| | โ””---store.jsx
| |
| |---features (folder)
| | |---authSlice.jsx
| | โ””---stockSlice.jsx
| |
| |---router (folder)
| | |---PrivateRoute.jsx
| | โ””---AppRouter.jsx
| |
| |---router (folder)
| | |---useAxios.jsx
| | |---useApiRequests.jsx
| | โ””---useStockRequest.jsx
| |
| |---helper (folder)
| | โ””---ToastNotify.js
| |
| |---App.js
| |---Index.js
| โ””---Index.css
|
|----package.json
|----yarn.lock
|----tailwind.config.js
|----.env.local
โ””----readme.md
```

(back to top)

---


### ๐Ÿ—๏ธ Built With

















(back to top)