Coin & Current: Real-Time Currency & Asset Exchange

"Coin & Current" is a sophisticated financial utility designed to provide users with an instantaneous snapshot of global exchange rates. Built as my first foray into the Angular framework, the application orchestrates data from multiple external sources to deliver real-time conversions between world currencies, precious metals, and leading cryptocurrencies.

Visit

the Site

A screenshot of the Coin & Current application landing page. The interface features a professional charcoal header and footer with gold typography. In the center, a large gold coin watermark with the 'C' logo is visible behind a clean white data area. The UI shows currency selection picklists and circular 'coin' icons for flags and precious metals.

My Role: Frontend Development & UI/UX Design

As the sole creator of this project, I handled the full development lifecycle, from API architectural planning to cloud deployment.

  • Angular Engineering: Developed a dynamic, responsive frontend that handles complex data transformations in real-time.
  • API Orchestration: Integrated and synchronized data from the ExchangeRatesAPI and RESTCountries API to provide a seamless user experience.
  • Systems Administration: Managed the transition from a local development environment to a production-ready Apache server hosted on AWS EC2.
  • Visual Branding: Designed the "Coin & Current" identity, including the logo and a high-contrast financial-themed UI.

Overcoming Development Challenges

The development of Coin & Current pushed my skills in framework-based logic and asynchronous data management:

  • Adopting the Angular Framework: Moving from vanilla JavaScript to Angular required a shift in mindset toward component-based architecture and TypeScript. I focused on mastering Angular’s data-binding and service-oriented structure to ensure the application was scalable and maintainable.
  • Synchronizing Disparate Data Sources: A primary challenge was merging data from two distinct APIs. While one provided financial rates, the other provided essential country metadata like names and flags. I engineered a data-transformation layer to map these sources together, ensuring that when a user selects a country, all related financial and geographic data updates instantly and accurately.

Technical Deep Dive

  • Angular Framework: The core of the application, utilized for its robust handling of dynamic data and complex UI states.
  • TypeScript: Employed to provide type-safety and more reliable code structure throughout the application.
  • REST API Integration: Leveraged ExchangeRatesAPI for real-time financial data and RESTCountries API for localized country information and assets.
  • AWS EC2 & Apache: The application is hosted on an Amazon EC2 instance running an Apache web server, demonstrating the ability to manage production-level deployments.
  • Responsive Styling: Custom CSS designed with a "mobile-first" approach, ensuring the exchange tables and coin-styled icons remain legible across all devices.

Project Outcomes & Achievements

  • Production-Ready Deployment: Successfully moved the application from local testing to a live, cloud-hosted environment accessible globally.
  • High-Accuracy Data: Created an interactive tool that provides up-to-the-minute information on fiat currencies, precious metals (Gold, Silver, Platinum, Palladium), and digital assets (Bitcoin, Binance).
  • Academic Success: The project met all rubric requirements and was praised for its utility and polished interface.

Design Philosophy

The design of Coin & Current is centered around the concept of "The Gold Standard." I created a logo featuring a Golden "C" paired with a blue wave to represent the "current" of the global market.

To reinforce the financial theme:

  • Color Palette: I utilized a Charcoal and Gold theme for headers, footers, and picklists to evoke a sense of professional, high-end finance.
  • Iconography: Country flags, precious metals, and cryptocurrencies are displayed in circular "coin" frames to maintain visual consistency.
  • Watermark Detail: The main data area features a fixed central watermark of a gold coin engraved with the project logo, adding a layer of sophisticated branding that persists as the user scrolls through rates.

Future Enhancements

The roadmap for Coin & Current includes expanding its utility for professional users:

  • Data Export: Adding functionality to download exchange rate tables as CSV or PDF files for historical documentation.
  • Expanded Crypto Tracking: Integrating additional digital currencies and market trend visualizations to provide a more comprehensive financial dashboard.