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

Presentation:

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: