Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
Binary file added .DS_Store
Binary file not shown.
137 changes: 137 additions & 0 deletions READMELINK.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@


Team Name : CTRLX

LINK=https://drive.google.com/file/d/1XPKNnkX4eLtVRSkIQxT8P0PpEYJJMoEj/view?usp=sharing

# 📈 MarketPulse

**MarketPulse** is a modern, responsive financial dashboard web app that brings together **cryptocurrency** and **stock market** data into one unified platform.

Built for rapid prototyping and frontend innovation, the app allows users to explore live market trends, analyze assets, manage a personalized watchlist, and simulate portfolio performance — all through a sleek, interactive UI.

---

## 🚀 Features

### 📊 Unified Market Dashboard
- View **top cryptocurrencies**
- View **top stocks**
- Explore **market trends**, **top gainers**, and **top losers**
- Quick overview cards for important market insights

### 🔍 Smart Search
- Search across both **crypto assets** and **stocks**
- Fast, responsive search experience

### 📉 Asset Details & Charts
- Detailed pages for each asset
- Historical charts with selectable time ranges:
- **7D**
- **30D**
- **1Y**
- Key metrics like:
- Price
- Market Cap
- Volume
- Price Change %

### ⭐ Watchlist
- Add/remove favorite assets
- Track selected stocks and coins in one place
- Persistent state using local storage

### 💼 Portfolio Simulator
- Simulate buying crypto or stocks
- Track hypothetical profit/loss
- Get a quick portfolio overview

### 🎨 Smooth Modern UI
- Fully responsive design
- Dark / Light mode support
- Interactive charts
- Animated transitions
- Clean financial-dashboard inspired layout

---

## 🛠️ Tech Stack

### Frontend
- **React**
- **Vite**
- **Tailwind CSS**
- **shadcn/ui**

### State & Data
- **TanStack Query**
- **Axios**
- **Zustand**

### Charts & Visualization
- **Recharts**

### Animations & UI Enhancements
- **Framer Motion**
- **Lucide React**
- **Sonner**

---

## 📡 APIs Used

### 🪙 Cryptocurrency Data
- **CoinGecko API**
Provides:
- Live crypto prices
- Market stats
- Historical chart data
- Coin details

### 📈 Stock Market Data
- **Alpha Vantage API**
Provides:
- Stock market prices
- Historical stock data
- Asset search
- Market trends

---

## 📂 Project Structure

```bash
MarketPulse/
├── public/
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── common/
│ │ ├── dashboard/
│ │ ├── charts/
│ │ ├── watchlist/
│ │ └── portfolio/
│ │
│ ├── pages/
│ │ ├── Dashboard.jsx
│ │ ├── AssetDetails.jsx
│ │ ├── Watchlist.jsx
│ │ └── Portfolio.jsx
│ │
│ ├── hooks/
│ ├── services/
│ │ └── api/
│ ├── store/
│ ├── utils/
│ ├── App.jsx
│ └── main.jsx
├── .env
├── package.json
└── README.md




AI TOOLS USED : ChatGPT , Gemini , CoPilot .
Binary file added marketpulse/.DS_Store
Binary file not shown.
1 change: 1 addition & 0 deletions marketpulse/.env
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
VITE_ALPHA_VANTAGE_KEY=demo
1 change: 1 addition & 0 deletions marketpulse/dist/assets/index-C_P_o7eO.css

Large diffs are not rendered by default.

245 changes: 245 additions & 0 deletions marketpulse/dist/assets/index-hJgT9IkI.js

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions marketpulse/dist/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MarketPulse | Real-time Finance</title>
<script type="module" crossorigin src="/assets/index-hJgT9IkI.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C_P_o7eO.css">
</head>
<body>
<div id="root"></div>
</body>
</html>
12 changes: 12 additions & 0 deletions marketpulse/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MarketPulse | Real-time Finance</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Binary file added marketpulse/node_modules/.DS_Store
Binary file not shown.
1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/autoprefixer

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/baseline-browser-mapping

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/browserslist

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/cssesc

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/esbuild

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/jiti

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/jsesc

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/json5

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/loose-envify

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/nanoid

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/parser

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/resolve

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/rollup

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/semver

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/sucrase

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/sucrase-node

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/tailwind

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/tailwindcss

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/tsc

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/tsserver

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/update-browserslist-db

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions marketpulse/node_modules/.bin/vite

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading