https://github.com/ibrsec/stockapp-frontend-selfservice
Frontend of the Stock App
https://github.com/ibrsec/stockapp-frontend-selfservice
axios material-ui react redux
Last synced: about 1 month ago
JSON representation
Frontend of the Stock App
- Host: GitHub
- URL: https://github.com/ibrsec/stockapp-frontend-selfservice
- Owner: ibrsec
- Created: 2024-08-16T08:56:40.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-16T13:13:12.000Z (almost 2 years ago)
- Last Synced: 2025-01-08T21:36:37.803Z (over 1 year ago)
- Topics: axios, material-ui, react, redux
- Language: JavaScript
- Homepage: https://stockapp-frontend-selfservice.vercel.app
- Size: 3.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Stock App
An awesome Stock App
View Demo
·
Backend swagger
·
Backend repo
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://stockapp-frontend-selfservice.vercel.app/)
---
📦 Frontend of the my [backend-stockapi](https://github.com/ibrsec/backend-stockapi) project
🎯 React Development: Built a responsive frontend with React.js, delivering a seamless user experience.
🛠 State Management: Utilized Redux Toolkit and Persist for consistent state management across sessions.
🚀 React Router: Integrated React Router for smooth navigation between key sections like dashboard, products, and sales.
📊 UI Components: Employed Material UI's DataGrid and Charts for interactive tables and data visualizations.
📝 Form Validation: Managed forms with Formik and Yup for accurate data input and validation.
🔔 User Notifications: Added real-time feedback using Toastify for actions like adding or editing records.
💾 CRUD Operations: Implemented full CRUD functionality for products, sales, firms, and more.
🃏 Card Layouts: Designed intuitive card-based interfaces for managing firms and brands.
📊 Data Tables: Organized stock information in editable tables for easy data management.
```sh
# clone the project
git clone https://github.com/ibrsec/stockapp-frontend-selfservice.git
# enter the project directory
cd stockapp-frontend-selfservice
# install dependency
npm install || yarn install
# develop
npm run dev || yarn start
```
```diff
stockapp-frontend-selfservice (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
```
---
