Crypto Dashboard (Full Stack Project)

A full-stack crypto dashboard application that displays real-time cryptocurrency prices. The system uses a Bun + Elysia backend with a cron job to fetch live market data and a Next.js frontend for visualization.

---

Project Overview

This project demonstrates a complete full-stack architecture:

• Backend: Bun + Elysia API server
• Frontend: Next.js application
• Data Source: CoinGecko API
• Scheduler: Cron job for periodic updates

---

Features

• Real-time cryptocurrency price updates
• Automated data fetching using cron jobs
• REST API backend
• Modern frontend dashboard UI
• Auto-refreshing frontend data
• Separation of frontend and backend services

---

Tech Stack

Frontend: Next.js | React
Backend: Bun | Elysia.js | Cron Jobs | CORS Middleware
API: CoinGecko (Real-time Crypto Data)

---

Project Structure

crypto_dashboard/
│
├── backend/
│ ├── index.ts
│
├── app/
│ ├── page.tsx
│ ├── layout.tsx
│
├── img/
│ ├── frontend.png
│ ├── backend_terminal.png
│ ├── frontend_terminal.png
│ ├── backend_api.png
│
└── README.md

---

Images

User Interface

Backend Terminal

Frontend Terminal

API Response

---

Setup Instructions

1. Clone the repository

git clone https://github.com/your-username/crypto_dashboard.git
cd crypto_dashboard


### 2. Install frontend dependencies
npm install


### 3. Run backend (Bun + Elysia)
cd backend
bun install
bun run index.ts

## The backend will run at:
http://localhost:3001/crypto


### 4. Run frontend (Next.js)
## Open a new terminal:
npm run dev

## The frontend will run at:
http://localhost:3000

Important Notes

-The backend must be running before starting the frontend

-Ensure CORS is enabled in the backend

-Cron job updates data periodically

Help

For any query, Email at anooshakhalid999@gmail.com