Stonks – Realtime Trading Simulator [Linode DEV Hackathon]

What I built

I created a stock trading simulator in which users can practice trading stocks with virtual USD. Users can buy and sell any stock, compete with other users, and improve their investing skills.
It uses linode managed Postgres SQ…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Narottam04

What I built

I created a stock trading simulator in which users can practice trading stocks with virtual USD. Users can buy and sell any stock, compete with other users, and improve their investing skills.
It uses linode managed Postgres SQL, Node JS for backend and React Js for frontend.

Category Submission:

  • Smooth Shifters: I migrated my project from Supabase to Linode's PostgreSQL and Express server hosted on linode server, resulting in significant performance improvements for the app, as well as a reduction in the bundle size and complexity of the frontend code.

  • Integration Innovators: Linode managed Postgres SQL was used as the main backend to handle stock buying and selling.

  • Wacky Wildcard:: I had a great time developing this project. As a college student with limited funds, I have been hesitant to invest in stocks in the past, but this app provides me with the opportunity to learn and compete alongside others. I am eager to develop my investing skills and test them against other users on the app.

App Link

Link to web app: https://stonks-app.webdrip.in/

Link to Android app: [updating it soon!]

Screenshots

Login Page:

Login page

Dashboard:

Dashboard page

Search Page:

Search page

Stock Details page - Candlestick chart:

Candlestick chart

Stock Details page - Line chart:

Line Chart

Buy Stock:

Buy Stock

Buy Stock:

Sell Stock

Portfolio:

Portfolio

Watchlist:

Watchlist

Description

The Stonks app is the perfect way to learn about Stocks trading without any risk. With the Stonks virtual trading simulator, you can trade and invest in stocks without spending any real money. Plus, detailed candlestick charts and USD converter will help track prices and trends. And if you want to compete with others, global leaderboard will let you see how you stack up.

Link to Source Code

https://github.com/Narottam04/Stonks

Permissive License

MIT

Background

I have always wanted to learn stock trading, but being a college student with limited funds has made it difficult to pursue. This motivated me to create an app that not only enables me to learn to trade before I invest real money but also allows me to have fun and compete with others.

This is my first project as a frontend developer where I used TypeScript with Express.js and hosted my server on a Linode Nanode. Additionally, I worked with backend packages like PM2 and Nginx, and learned how to use the Nano editor and copy files from my local machine to the remote server. This was my first experience working with backend technologies, and I would like to express my gratitude to Linode for providing me with the opportunity and motivation to learn and upskill.

How I built it

I chose this project because I want to learn TypeScript and Node.js, as well as learn how to host an API on a virtual server.

The Express server is connected to a managed PostgreSQL database on Linode, which handles user transactions such as buying and selling stocks, user net worth, watchlists, and other related activities. The Express server is then hosted on a Linode Nanode server.

The frontend of the application was created using React.js, and for authentication, Firebase was used due to its better integration with the Ionic Capacitor library. The resulting frontend app was then converted to an Android app using CapacitorJS from Ionic.

Additional Resources/Info

Tutorial to host express server on linode:
https://www.youtube.com/watch?v=sD8X4CApdpo&ab_channel=TheFullStackJunkie


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Narottam04


Print Share Comment Cite Upload Translate Updates
APA

Narottam04 | Sciencx (2023-02-20T18:19:16+00:00) Stonks – Realtime Trading Simulator [Linode DEV Hackathon]. Retrieved from https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/

MLA
" » Stonks – Realtime Trading Simulator [Linode DEV Hackathon]." Narottam04 | Sciencx - Monday February 20, 2023, https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/
HARVARD
Narottam04 | Sciencx Monday February 20, 2023 » Stonks – Realtime Trading Simulator [Linode DEV Hackathon]., viewed ,<https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/>
VANCOUVER
Narottam04 | Sciencx - » Stonks – Realtime Trading Simulator [Linode DEV Hackathon]. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/
CHICAGO
" » Stonks – Realtime Trading Simulator [Linode DEV Hackathon]." Narottam04 | Sciencx - Accessed . https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/
IEEE
" » Stonks – Realtime Trading Simulator [Linode DEV Hackathon]." Narottam04 | Sciencx [Online]. Available: https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/. [Accessed: ]
rf:citation
» Stonks – Realtime Trading Simulator [Linode DEV Hackathon] | Narottam04 | Sciencx | https://www.scien.cx/2023/02/20/stonks-realtime-trading-simulator-linode-dev-hackathon/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.