Welcome
The Trading App is a Vue.js-based project designed to fetch and display real-time cryptocurrency data from an external API. It leverages Vue 3 for the frontend, along with Tailwind CSS for responsive and modern UI styling. The app is integrated with Auth0 for authentication and security purposes.
The app is hosted on Hostinger's VPS and controlled via CyberPanel, with a self-signed SSL certificate in place. It is also deployed through Netlify for additional hosting, using configurations like _headers and _redirects files. Vite is used as the build tool, ensuring efficient bundling and fast development. Additionally, the app fetches cryptocurrency prices from coindesk API and updates at regular intervals.
For visuals, the app includes a chart that displays price data, which is passed between components using props, and Tailwind CSS is applied for layout styling. A clock is planned for the footer, and authentication is managed through Auth0, with the app set up for future scalability.
Dashboard
In the Dashboard page of your app, cryptocurrency pricing data is displayed, with the latest price fetched from an external API every 25 seconds. The chart visualizing the price trends is updated every minute, showing a maximum of the last 5 prices at any time.
- The pricing data is fetched from the API at 25-second intervals.
- The chart displaying price trends is updated every minute, reflecting the most recent data.
- The chart shows a maximum of the last 5 price points, removing the oldest price when a new one is added.
- The page is part of a protected route, and users must be authenticated to access it. Non-authenticated users are redirected to the login page.