Table of contents
Hey everyone, I am Hasnain Makada and in this blog, I will introduce you to our project which we built as a part of the Hack-r-Play hackathon. We were a team of two people in which my teammate Saksham Chandel and I built an amazing project which solves a problem for all the investing folks.
Let's start with getting a basic idea of our project:
Introduction
Our project Tradify is a stocks and crypto monitoring app that is used to keep watch of all the stocks and cryptocurrencies in one place. Users get both the facilities to keep watch of all the stocks and cryptocurrencies and the cherry on top is we also provided a news section in our app, so that user doesn't have to visit any more sites to get all the latest info. of markets.
Tradify is not a platform from which you can buy and sell stocks or crypto. But it is a platform where you can just watch the prices of stocks and crypto. It simply reduces the complexity of users, with which on one platform they can keep the watch and on other platforms they can buy/sell it.
You can visit Tradify here.
Tech Stack
As our hackathon was based on react, We first thought to make an android app using flutter, but again Hack-R-PLAY set some rules that participants should only use tech stack which is in the React ecosystem.
So we canceled the plan on making the app and thought that we'd build a react site and it would not be too time-consuming.
Our project Tradify is mainly powered by,
We used Tailwind CSS
for making the frontend components and design, And react
for designing the logical components and Next.js
for making websites in production that can scale up easily.
Then we used CoinGecko API for cryptocurrencies and for displaying stocks, we grabbed one from RAPID API
We also used Vercel
to deploy our app on the internet. I must say, Vercel really simplifies the deployment process of your app. And the best part is that it makes a domain from the name of your project only.
Planning
At first, when we got the idea to design such a platform, we simply thought about where we should start. and honestly saying we spent almost one and a half days thinking about the designs, the components and all that stuff. Then my teammate Saksham started working on the app and started creating it.
I designed the UI of the website on Canva and also helped with designing the logo and stuff.
It took almost a week for us to make the first demo of the website. At first, the design was not so great but Saksham and I worked on the front end using tailwind-CSS and tailwind really provides some great components too.
At the end of the first week, our backend was completed and some of the frontend work was still remaining. Now that our backend work was all completed it was all drag and drop from tailwind CSS and we completed the work also in less than 2 days.
We worked really hard on doing this project, So it would be great if we get selected as runner-ups in the hackathon. You can check the website here
Future Scope
In the future, we are going to integrate the functionality to buy/sell stocks and crypto on the app and to provide and also we will provide a bookmarking facility to the users, so they can bookmark their favourite stocks and cryptocurrencies.
For the database side, we are going to use Nhost which is an open source firebase alternative but better than firebase. It provides a simple scalability solution to quickly scale your apps.
Another feature we are going to provide in future is to monitor stocks & crypto, which means that if the user wants to predict any price, they can set the price breakpoint and when the particular stock or crypto reaches the price, it will notify the user via the mail or will send a message on the mobile. So it will be easy for the user to buy and sell at a certain price
Conclusion
Now wrapping things up and I hope that you all liked our project if anyone wants to contribute to our project, They can contribute it in our GitHub Repository.
Till then, Happy Coding ๐