Inspiration
I've always tracked investments and savings in a google sheet. A networth tracker widget would simplify this system and make it more interactive.
What it does
The widget tracks live prices of crypto and stock investments. Users can record savings and view their networth/total assets. All data is currently locally stored.
How we built it
The widget was built with React, TailwindCSS, and elements of Typescript. The live crypto and stock APIs were sources from CoinGecko and YahooFinance.
Challenges we ran into
Not having a backend meant having to find accessible public APIs that didn't violate CORS. Seamlessly linking the fetched data into a readable and interactive format also came with difficulties. This was overcome in the timeframe by rigorously debugging and consulting documentations provided by the API providers.
Accomplishments that we're proud of
Delivering a useable end product that successfully fetches and links a live price tracker. Becoming more knowledgeable and comfortable with React useStates and useEffects.
What we learned
How to fetch public financial APIs and use a CORS proxy for implementation without a backend.
What's next for StackTrack - Networth Widget
- Improve the UI/UX
- Implement authorisation so users can securely store their information.
- Link a backend and database so investments can be actually tracked.
- Add features to record investment growth over time.
Built With
- coingecko
- react
- tailwindcss
Log in or sign up for Devpost to join the conversation.