Stock Market App v1.1

React Native UI Kit

• created: 29/12/2021
• latest update: 07/02/2024
• by: Idea2Code Infotech
• email: slmbstore@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

React Native is an open-source mobile application development language created by Facebook. It is used to develop applications for Android and iOS, as well as being the primary method of creating applications for Google Fuchsia, React Native widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts to provide full native performance.

This project is a starting point for a React Native application.
A few resources to get you started if this is your first React Native project:

For help getting started with React Native, view our [online documentation](https://reactnative.dev/docs/getting-started), which offers tutorials, samples, guidance on mobile development, and a full API reference.

Requirements

• Any Operating System (ie. MacOS X, Linux, Windows).
• Any IDE with React Native SDK installed (ie. Android Studio, VSCode etc).
• A little knowledge of React Native.

React native CLI which provides you with the react-native init command, this generates a plain react native project for you with separate native projects for iOS and Android platforms.

You can modify the native projects as you want writing native code for each platform.

The major downside for this is that you need to setup build chains for both platforms on your system. For Android you will need Android Studio and for iOS you will need to setup Xcode so that you can build and test on your devices. That is specially cumbersome for someone who is not aware of these tools and build systems, specially when building for production.

Read more About CLI link text https://reactnative.dev/docs/environment-setup

• Node js :- https://nodejs.org/en/download/
• Yarn :- https://classic.yarnpkg.com/en/
• React Native CLI.Install using npm install –g react-native-cli

• UI template to  buy/sell Stocks, Commodity, IPO online from app. .
• Flexible Structure, Easy to Customize.
• Clean and Easy Code with Clear Navigation.
• Fully Customizable Pages and Widgets.
• This UI Provides Easy, Enjoyable, and Effective Interaction Between the User and the App.
• Organized Layers and Groups.
• Optimized for both Android and iOs.
• Reusable Elements and Widgets.
• Responsive Design to any Device Screen!
• The Variables, Classes and Functions are Named per their Role.
• All Screens and Widgets are Named per their Content.
• Saved +100 hours of development.
• More…

• Unzip the mymoney Folder.
• Open the Vscode Editors.
• Open Terminal.Use Cmd.
• Run

  yarn install

  and wait for all packages to be installed.
• Finally install node_modules and yarn.lock.



• Your Project is Ready ,to get started,run the project of any android device using this command

  yarn android



• Any Issue in SettingUp the App Follow This Link https://reactnative.dev/docs/environment-setup

• Welcome screen
• Login
• Sign up
• PIN verification
• Forgot PIN
• Change PIN
• Email verification
• Mobile verification
• Create New PIN
• Confirm PIN
• Forgot Password
• Change Password
• Home / Watchlist
• List Of Stocks
• Details of Script
• Buy/Sell
• Status of Items
• Equity / Commodity
• Filters
• Portfolio
• Funds
• Notifications
• Profile
• Personal Information
• Verify Number
• Mutual Funds
• All Mutual Funds list
• Filters for Mutual funds
• Upcoming IPO List
• IPO details
• Create Price alert
• Margin Calculator
• Research
• Commodity
• Gold
• Security
• Settings
• Rating   Reviews
• Thanking
• More...

• Dark and light Theme is Available(Common/Themes.js).This Switch is manage (store/index.js).



• Change app name - Open app.json and replace this value:



• Change The Font-Family Located in(assets/fonts).



• Navigation handle of this apps (/navigation)
• Change App icon Follow this path for Set the App icon in VSCode studio(android/app/src/main/res ) If any Issue of set the App icon follow this Link() https://developer.android.com/studio/write/image-asset-studio#access
• You just have to replace images located in (assets/Image)as well as (assets/svg).

I've used the following images, icons or other files from Figma Design Concept :

- https://www.figma.com/file/QtMvVh0jKGrsGe7ETOXdGI/My-Stock-app?node-id=0%3A1

Resources Used :-

• React Native
• React native CLI
• Visual Studio Code Editors

Once again, thank you so much for purchasing this theme.

As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Regards
Idea2Code Infotech

Welcome to Idea2Code Infotech. Stay up to date with best practices about coding of React Native. See real code examples, and watch engineers from around the world putting React Native to work! 

Subscribe Youtube Channel to stay connected :
→ https://www.youtube.com/channel/UCxJAGOhfrd4ta3Bf5WoLpMQ

React Native is a mobile app SDK for both iOS, and Android developed at Google with continued support from the global community. React Native works with existing code, is used by developers, organizations around the world, and is free, and open source.

Business Inquiries → slmbstore@gmail.com