Groww Clone Complete using React Native

Groww Clone Complete using React Native, Node JS, AWS | App development

App Development Projects

Date Of Publish 12/08/2024

984 Downloads

0 Downloads

Overview

Groww Clone App is a mobile app developed using React Native that enables users to have an intuitive platform through which one handles his/her investments and tracks the market trends to eventually invest in Mutual Funds, Stocks, and other financial instruments. This clone replicates the user-friendly interface and seamless experience of the original Groww app and makes it accessible across iOS and Android devices.

Features

User Authentication:
Email, phone number, or social network accounts provide secure log in and sign up. Two-factor authentication for added security.

Dashboard:
A comprehensive view of the user’s portfolio—investments in stocks, mutual funds, and ETFs. Real-time market trends, portfolio performance, and news.

Investment Options:
Browse and invest in a wide range of financial instruments such as Stocks, Mutual Funds, ETFs, and more. Detailed Information and Analysis for each investment option.

Watchlist:
Add and manage a custom watchlist of favorite stocks and funds. Receive price movements and news-based notifications of watchlisted items. Transaction History
Check history of all transactions like investment and withdrawals, dividends.
Easily filter and search for transactions.
Research and Insights In-depth research reports, market insights, and expert opinions Interactivity charts and graphs for Technical Analysis.
User Experience :
Easy navigation with a design minimalistic and smooth as in the Groww App.
Responsive UI/UX to ensure a uniform experience across all devices.
Notifications:
Real-time updates of market news and new investment opportunities through push notifications. Threshold alerters that are customisable based on user preferences.
Educational Resources:
Tutorials, blogs and videos to guide users to an informed decision.
Beginners’ guides.
Support:
In-app support for the resolution of any issues and customer queries.
Integration of chatbots for real-time assistance.
Technology Stack:
Frontend: React Native
Backend: Node.js – Handling API; Firebase or AWS – Real-time Data and Authentication
Database: MongoDB or Firebase Firestore
APIs:

Integrations with financial data APIs like Alpha Vantage or IEX Cloud for real-time market data.
Summary:
The Groww Clone App, developed on React Native, is an all-in-one platform that has brought the world of investments to the fingertips. It’s a very simple application with user engagement at its core and provides all tools for users to handle their investments efficiently; hence it becomes the choice of seasoned investors and beginners alike.

Pre-requisites

{

“name”: “groww_clone”,

“version”: “0.0.1”,

“private”: true,

“scripts”: {

“android”: “react-native run-android”,

“ios”: “react-native run-ios”,

“lint”: “eslint .”,

“start”: “react-native start”,

“test”: “jest”,

“postinstall”: “npx patch-package”

“dependencies”: {

“@invertase/react-native-apple-authentication”: “^2.3.0”,

“@react-native-async-storage/async-storage”: “^1.19.3”,

“@react-native-community/checkbox”: “^0.5.17”,

“@react-native-community/datetimepicker”: “^7.6.4”,

“@react-native-community/masked-view”: “^0.1.11”,

“@react-native-community/netinfo”: “^9.5.0”,

“@react-native-google-signin/google-signin”: “^11.0.0”,

“@react-navigation/bottom-tabs”: “^6.5.8”,

“@react-navigation/native”: “^6.1.7”,

“@react-navigation/native-stack”: “^6.9.13”,

“@reduxjs/toolkit”: “^2.2.3”,

“axios”: “^1.4.0”,

“base-64”: “^1.0.0”,

“d3-scale”: “^4.0.2”,

“jwt-decode”: “^4.0.0”,

“lottie-react-native”: “^6.6.0”,

“react”: “18.2.0”,

“react-native”: “0.73.6”,

“react-native-actions-sheet”: “^0.9.3”,

“react-native-biometrics”: “^3.0.1”,

“react-native-collapsible-tab-view”: “^7.0.1”,

“react-native-fast-image”: “^8.6.3”,

“react-native-gesture-handler”: “^2.16.1”,

“react-native-get-random-values”: “^1.11.0”,

“react-native-gifted-charts”: “^1.4.10”,

“react-native-material-ripple”: “^0.9.1”,

“react-native-mmkv”: “^2.12.2”,

“react-native-modal-datetime-picker”: “^17.1.0”,

“react-native-orientation-locker”: “^1.7.0”,

“react-native-pager-view”: “^6.3.1”,

“react-native-reanimated”: “^3.7.0”,

“react-native-redash”: “^18.1.3”,

“react-native-responsive-fontsize”: “^0.5.1”,

“react-native-responsive-screen”: “^1.4.2”,

“react-native-safe-area-context”: “^4.9.0”,

“react-native-screens”: “^3.29.0”,

“react-native-size-matters”: “^0.4.2”,

“react-native-svg”: “^13.11.0”,

“react-native-svg-transformer”: “^1.1.0”,

“react-native-toast-message”: “^2.2.0”,

“react-native-vector-icons”: “^10.0.0”,

“react-native-webview”: “^13.10.0”,

“react-redux”: “^9.1.1”,

“redux”: “^5.0.1”,

“redux-persist”: “^6.0.0”,

“socket.io-client”: “^4.7.5”,

“uuid”: “^9.0.1”

“devDependencies”: {

“@babel/core”: “^7.20.0”,

“@babel/preset-env”: “^7.20.0”,

“@babel/runtime”: “^7.20.0”,

“@react-native/babel-preset”: “0.73.21”,

“@react-native/eslint-config”: “0.73.2”,

“@react-native/metro-config”: “0.73.5”,

“@react-native/typescript-config”: “0.73.1”,

“@types/d3-scale”: “^4.0.8”,

“@types/react”: “^18.2.6”,

“@types/react-native-material-ripple”: “^0.9.6”,

“@types/react-native-vector-icons”: “^6.4.18”,

“@types/react-test-renderer”: “^18.0.0”,

“@types/uuid”: “^9.0.8”,

“babel-jest”: “^29.6.3”,

“eslint”: “^8.19.0”,

“jest”: “^29.6.3”,

“prettier”: “2.8.8”,

“react-test-renderer”: “18.2.0”,

“typescript”: “5.0.4”

“engines”: {

“node”: “>=18”

}

Resources Required

Procedure

Welcome to the Groww App repository! This React Native application for the Groww Clone project. Below, you’ll find instructions on how to set up the development environment and configure necessary variables

## Installation

Before you begin, make sure you have Node.js and npm installed on your system.You have setup configuration Setup (PREFER CHAPTER 1)

1. Clone this repository to your local machine:

“`sh

git clone https://github.com/Ritik5Prasad/GrowwClone_Public.git

“`

2. Navigate to the project directory:

“`sh

cd GrowwClone_public

“`

3. Change the `GOOGLE CLIENT ID` and `APPLE SIGN`:

You can checkout the chapter 4,5,6 for configuration process of this or you can skip it if you dont want to setup

## Running the App

Once you have configured the `THE CLIENT ID` file, you can start the server by running:

“`sh

npm install

npm start

“`

This will install the necessary dependencies and start the server on the specified port.

Please follow up the Videos on youtube for any confusions

## Contributing

If you’d like to contribute to this project, please fork the repository and create a pull request with your changes. We welcome any contributions, whether it’s fixing bugs, adding features, or improving documentation.

## License

This project is licensed under the [MIT License](LICENSE), which means you are free to use, modify, and distribute the code as long as you include the original license in your distribution.

—

Happy coding! If you have any questions or need further assistance, feel free to reach out to us.