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

(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

# 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

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)