https://github.com/ibrsec/stockapp-fullstack-render
Fullstack Stock App
https://github.com/ibrsec/stockapp-fullstack-render
express jwt material-ui mongodb react redux
Last synced: 2 months ago
JSON representation
Fullstack Stock App
- Host: GitHub
- URL: https://github.com/ibrsec/stockapp-fullstack-render
- Owner: ibrsec
- Created: 2024-08-16T09:48:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-09T13:33:43.000Z (almost 2 years ago)
- Last Synced: 2025-06-04T10:58:52.406Z (about 1 year ago)
- Topics: express, jwt, material-ui, mongodb, react, redux
- Language: JavaScript
- Homepage: https://stockapp-fullstack-render.onrender.com/
- Size: 9.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Full stack Stock App
An awesome Full-stack Stock App
View Demo
·
Frontend Repo
·
Backend Swagger
·
Backend Redoc
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://stockapp-fullstack-render.onrender.com/)
---
ERD:
[](https://stockapp-fullstack-render.onrender.com/)
---
📦 A Fullstack Stock App Project
🏀 [Frontend Live](https://github.com/ibrsec/stockapp-fullstack-render) || [Backend Swagger](https://github.com/ibrsec/stockapp-fullstack-render/api/v1/documents/swagger) || [Backend Redoc](https://github.com/ibrsec/stockapp-fullstack-render/api/v1/documents/redoc)
FRONTEND:
🎯 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.
BACKEND:
🎯 Express.js Framework: Developed a robust RESTful API with Express.js for secure and efficient stock data management.
🔒 Authentication & Authorization: Implemented Simple Token, JWT for secure user authentication.
📄 API Documentation: Created clear API docs with Swagger and Redoc for easy testing and understanding.
📊 Database Management: Utilized MongoDB and Mongoose for consistent data modeling and querying.
🔄 CRUD Operations: Built full CRUD functionality for products, sales, purchases, firms, and brands.
🛠 Middleware & Error Handling: Added custom middleware for validation and consistent error handling.
🌐 Scalable Deployment: Deployed on Render platform for high availability.
```sh
# clone the project
git clone https://github.com/ibrsec/stockapp-fullstack-render.git
# enter the project directory
cd stockapp-fullstack-render
# install dependency
# linux
npm run setup-production
# windows
npm run setup-production-windows
# run
node index.js
```
```diff
+ stockapp-fullstack-render (folder)
|---client (folder)
| |
| |---public (folder)
| |
+ | |---src (folder)
| | |---assests (folder)
| | |
| | |---pages (folder)
| | |
| | |---components (folder)
| | |
| | |---app (folder) ---store.jsx
| | |
| | |---features (folder)
| | | |---authSlice.jsx
| | | └---stockSlice.jsx
| | |
| | |---router (folder)
| | |
| | |---services (folder)
| | |
| | |---helper (folder)
| | |
| | |---App.js
| | |---Index.js
| | └---Index.css
| |
| |----package.json
| |----yarn.lock
| |----tailwind.config.js
| └----readme.md
|
+ |---src (folder)
| |---config (folder)
| |
| |---controllers (folder)
| |
| |---errors (folder)
| |
| |---helpers (folder)
| |
| |---middlewares (folder)
| |
| |---models (folder)
| |
| └---routes (folder)
|
|----.env
|----.gitignore
|----index.js
|----package-lock.json
|----package.json
|----swaggerAutogen.js
└----readme.md
```
---
---
Backend
