https://github.com/ibrsec/bs-store-fullstack-render
Fullstack BS Store App
https://github.com/ibrsec/bs-store-fullstack-render
express jwt material-ui mongodb react redux
Last synced: 2 months ago
JSON representation
Fullstack BS Store App
- Host: GitHub
- URL: https://github.com/ibrsec/bs-store-fullstack-render
- Owner: ibrsec
- Created: 2024-08-20T20:09:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-09T13:29:01.000Z (almost 2 years ago)
- Last Synced: 2025-01-08T21:36:23.286Z (over 1 year ago)
- Topics: express, jwt, material-ui, mongodb, react, redux
- Language: JavaScript
- Homepage: https://bs-store-fullstack-render.onrender.com
- Size: 2.99 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Full stack BS Store App
An awesome Full-stack BS Store App
View Demo
·
Frontend Repo
·
Backend Swagger
·
Report Bug
·
Request Feature
📎 Table of Contents 📎
---
[](https://bs-store-fullstack-render.onrender.com/)
---
📦 A Fullstack BS-Store App Project
🏀 [Frontend Live](https://bs-store-fullstack-render.onrender.com/) || [Backend Swagger](https://bs-store-fullstack-render.onrender.com/api-doc/)
FRONTEND:
🎯 React Development: Built a responsive frontend using React.js, ensuring a seamless user experience.
🛠 State Management: Managed application state with Redux Toolkit and Redux Persist, providing consistent state management across sessions.
🚀 Routing: Integrated React Router DOM for smooth navigation between key pages like login, product listings, and admin dashboard.
🔒 Authentication: Implemented JWT token authentication for secure user login and access control.
🔩 CRUD Operations: Enabled full CRUD operations for products and categories, accessible to admin users only.
🔔 User Notifications: Integrated React Toastify for real-time feedback on user actions such as login, registration, and CRUD operations.
💪 User Roles: Normal users can only list products, while admin users have full access to create, update, and delete products and categories.
🌱 Admin Access: Admin credentials are pre-populated on the login page for easy access to administrative functions.
BACKEND:
🎯 Express.js Framework: Developed a robust backend with Express.js, handling secure and efficient product and category management.
🖥 Database Management: Utilized MongoDB with Mongoose for flexible and consistent data modeling and querying.
🔒 Authentication & Authorization: Used JWT tokens for secure user authentication and authorization throughout the application.
📄 API Documentation: Created comprehensive API documentation with Swagger for easy testing and understanding of endpoints.
🔩 CRUD Operations: Implemented full CRUD functionality for products and categories, with role-based access control ensuring only admins can modify data.
🛠 Middleware & Error Handling: Employed express-async-errors and custom middleware for consistent error handling and validation across the application.
🌐 CORS Handling: Configured CORS to allow secure cross-origin requests between the frontend and backend.
```sh
# clone the project
git clone https://github.com/ibrsec/bs-store-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
+ bs-store-fullstack-render (folder)
|---client (folder)
| |
| |---public (folder)
| |
+ | |---src (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
| |
| |----.dockerignore
| |----dockerfile
| |----package.json
| |----yarn.lock
| └----readme.md
|
+ |---src (folder)
| |---config (folder)
| |
| |---controllers (folder)
| |
| |---helpers (folder)
| |
| |---middlewares (folder)
| |
| |---models (folder)
| |
| └---routes (folder)
|
|----.env
|----.gitignore
|----index.js
|----package-lock.json
|----package.json
|----.dockerignore
|----dockerfile
|----swaggerAutogen.js
└----readme.md
```
---
---
Backend
