Inspiration
Markets move fast, and most platforms that track them are either too complex for casual users or hidden behind paywalls. We wanted to build something simple, clear, and free—an app that helps anyone quickly understand what’s happening in stocks, currencies, and the global economy.
What it does
MarketPulse brings financial data into one dashboard: Stocks: Shows top-performing companies and market losers. Currencies: Displays real-time exchange rates and comparisons. Markets: Tracks performance of major global markets. Economics: Highlights key indicators that influence financial trends. Insights: Offers a clean and intuitive interface so users can make sense of the data at a glance.
How we built it
TypeScript: Core language for both structure and type safety, making the app more reliable and scalable. CSS: Custom styling for a clean, responsive, and professional look. APIs: Integrated real-time financial data sources for stocks, currencies, and market indexes. Deployment: Hosted on Netlify for fast and seamless deployment. Tools: GitHub for version control, Postman for API testing, and Trae as the main IDE.
Challenges we ran into
Finding APIs that were both reliable and free for real-time data. Handling different types of market data and formatting them consistently. Optimizing performance so the app loads quickly despite heavy data requests. Fine-tuning the UI so it looks professional but remains beginner-friendly.
Accomplishments that we're proud of
Built a fully functional TypeScript-based app with real-time financial data. Designed a responsive interface that works smoothly on both desktop and mobile. Successfully integrated multiple APIs into one unified dashboard. Learned how to balance clean code structure with rapid development.
What we learned
How TypeScript’s type safety can reduce errors and improve maintainability. Best practices for integrating and managing multiple external APIs. How much UI/UX design impacts the usefulness of financial dashboards. Deployment workflows and debugging techniques for hosting projects on Netlify.
What's next for MarketPulse
Add personalized watchlists so users can track their favorite stocks/currencies. Implement alerts/notifications for big market movements. Expand to cover commodities (oil, gold) and cryptocurrencies. Build a mobile app version for iOS and Android. Integrate AI-powered market summaries to explain why changes happen.
Built With
- apis
- css
- git
- ide
- netlify
- typescript
Log in or sign up for Devpost to join the conversation.