Displays part of the Robinhood UI with similar functionality
⭐️ & 🔱
- Install Node.js
- Install Firebase, Material-UI core & icons, Chart.js & its React interface, & axios to the node modules of the app with
npm
Runnpm i firebase @material-ui/icons react-chartjs-2 axios
- Create the React app template with
npx
using robinhood-clone as name
Runnpx create-react-app robinhood-clone
- Move to the created app folder robinhood-clone
Runcd robinhood-clone
- Download this repository as a zip file
- Extract the zip file into the robinhood-clone folder
- Go to Firebase & create or login to a profile
- Add a new project Robinhood Clone with hosting & without analytics
- Go to the project web configuration, copy the configuration, & paste it as the value of firebaseConfig in firebase.js
- Go to Firestore create a new database in test mode
- Create a collection myStocks
- Create the fields shares of type number & ticker of type str
- Add a document with the values 20 for shares & 'AAPL' for ticker
- Go to Finnhub Stock API, create or login to a profile, create an API key, copy it, & paste it as the value of TOKEN in src/Stats.js
- Build the project with
npm
in the folder robinhood-clone
Runnpm run build
- Deploy the project on Firebase
Runfirebase deploy
- Start the app with
npm
in the folder robinhood-clone
Runnpm start
- Visit the link of the deployed version on Firebase
- Interact with the Robinhood-like UI as in Robinhood
To ask for help with running the app, you can contact us on Instagram.
- For suggestions or financial support to improve the app you can contact us on Instagram.
- For code improvements you can fork this repository, make improvements, and submit them via a pull request.