StepHub - Shoes Store Mobile App | Frontend + Backend + Admin Panel | React Native CLI 0.73.6

Available on Google Play:

StepHub – Google Play

Available on App Store:

StepHub – App Store

Presentation:



Admin Panel:



email: [email protected]
password: password

Features:

– Built with React Native CLI 0.73.6.
Orchid – Laravel Admin Panel
– Only Functional Components & React Hooks.
– All icons in SVG format.
Design file in figma format included
– For Android & IOS
– Well structured components
– Detailed Video Tutorials included.
Free google fonts
– Included Frontend + Backend + Admin Panel
– All files in .tsx format
– Used Preloader for images
– Used Redux and Redux Persist.

Why Orchid ?

- Scalability: Orchid is highly scalable, adapting effortlessly to project growth and evolving needs without compromising performance.

- Customization: It offers extensive customization options, allowing users to tailor the admin panel to their specific requirements and design preferences.

- Robust Functionality: Orchid is rich in features, providing a wide array of tools and functionalities to streamline administrative tasks and enhance user experience.

- Security: It prioritizes security measures, ensuring data protection and offering built-in features to fortify the application against potential threats.

- Intuitive Interface: Orchid boasts an intuitive user interface, simplifying navigation and making it user-friendly for administrators of varying technical backgrounds.

How can I access the API ?:

- Download and use Postman
- Input Bearer Token: aH3KCew1YsWhWqW0tqNU3ndzHb3RdblI
- Utilize the GET method for the request.
- Once the above steps are completed, click ‘Send’.
- The API will be provided after the request is sent.

List of APIs:

https://stephub.rn-admin.site/api/tags
https://stephub.rn-admin.site/api/sizes
https://stephub.rn-admin.site/api/audiences
https://stephub.rn-admin.site/api/categories
https://stephub.rn-admin.site/api/products
https://stephub.rn-admin.site/api/banners
https://stephub.rn-admin.site/api/promocodes
https://stephub.rn-admin.site/api/slides
https://stephub.rn-admin.site/api/colors
https://stephub.rn-admin.site/api/promotions

Dependencies:

"@react-native-async-storage/async-storage": "^1.22.3",
"@react-native-clipboard/clipboard": "^1.13.2",
"@react-navigation/native": "^6.1.16",
"@react-navigation/native-stack": "^6.9.25",
"@reduxjs/toolkit": "^2.2.1",
"axios": "^1.6.8",
"react": "18.2.0",
"react-native": "0.73.6",
"react-native-collapsible": "^1.6.1",
"react-native-eject": "^0.2.0",
"react-native-fast-image": "^8.6.3",
"react-native-flash-message": "^0.4.2",
"react-native-image-progress": "^1.2.0",
"react-native-keyboard-aware-scroll-view": "^0.9.5",
"react-native-modal": "^13.0.1",
"react-native-orientation-locker": "^1.6.0",
"react-native-responsive-dimensions": "^3.1.1",
"react-native-restart": "^0.0.27",
"react-native-safe-area-context": "^4.9.0",
"react-native-screens": "^3.29.0",
"react-native-svg": "^15.1.0",
"react-redux": "^9.1.0",
"redux-persist": "^6.0.0" 

Important commands to run the application:

- npm install
- npx react-native eject
- npx pod-install
- npx react-native-asset
- npx react-native run-ios
- npx react-native run-android

Technologies:

- React Native
- TypeScript
- Redux
- Laravel
- Orchid

Font:

- Mulish

Have questions ? Contact me via Telegram:

Most Popular Searches On Mobile