{"id":35188320,"url":"https://github.com/deymohit02/crypto-market-tracker","last_synced_at":"2026-04-12T17:46:19.404Z","repository":{"id":329994308,"uuid":"1121134667","full_name":"deymohit02/crypto-market-tracker","owner":"deymohit02","description":"A responsive crypto tracker featuring live price updates, interactive historical charts, personalized watchlists, and market news integration using the CoinGecko API.","archived":false,"fork":false,"pushed_at":"2025-12-22T21:38:55.000Z","size":797,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-12-24T06:11:58.603Z","etag":null,"topics":["chartjs","coingecko-api","drizzle-orm","express-js","neondb","passportjs","postgresql","react18-vite4-js","shadcn-ui","tailwind-css","tanstack-query","websockets","wouter"],"latest_commit_sha":null,"homepage":"https://crypto-market-tracker.onrender.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deymohit02.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-12-22T13:46:52.000Z","updated_at":"2025-12-22T21:38:58.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/deymohit02/crypto-market-tracker","commit_stats":null,"previous_names":["deymohit02/crypto-market-tracker"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/deymohit02/crypto-market-tracker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deymohit02%2Fcrypto-market-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deymohit02%2Fcrypto-market-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deymohit02%2Fcrypto-market-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deymohit02%2Fcrypto-market-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deymohit02","download_url":"https://codeload.github.com/deymohit02/crypto-market-tracker/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deymohit02%2Fcrypto-market-tracker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28110927,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-29T02:00:07.021Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chartjs","coingecko-api","drizzle-orm","express-js","neondb","passportjs","postgresql","react18-vite4-js","shadcn-ui","tailwind-css","tanstack-query","websockets","wouter"],"created_at":"2025-12-29T05:22:00.340Z","updated_at":"2025-12-29T05:22:01.007Z","avatar_url":"https://github.com/deymohit02.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CryptoPulse 🚀\n\nA modern, real-time cryptocurrency tracking and analytics application built with React, TypeScript, and Express. Track live crypto prices, create watchlists, set price alerts, and view interactive charts for your favorite digital assets.\n\n![CryptoPulse](https://img.shields.io/badge/Status-Ready%20for%20Deployment-success)\n![License](https://img.shields.io/badge/License-MIT-blue)\n\n## ✨ Features\n\n- **Real-time Price Tracking**: Live cryptocurrency price updates via WebSocket\n- **Interactive Charts**: Visualize price history with Chart.js\n- **Watchlists**: Create custom watchlists to track your favorite cryptocurrencies\n- **Price Alerts**: Set up notifications when prices hit your target values\n- **Dark Mode**: Beautiful dark theme powered by Tailwind CSS\n- **Responsive Design**: Optimized for desktop, tablet, and mobile devices\n- **Market Analytics**: View market cap, volume, 24h changes, and more\n\n## 🛠 Tech Stack\n\n### Frontend\n- **React 18** with TypeScript\n- **Vite** for fast development and optimized builds\n- **TailwindCSS** for styling\n- **shadcn/ui** components (Radix UI primitives)\n- **TanStack Query** for server state management\n- **Chart.js** for data visualization\n- **Wouter** for routing\n\n### Backend\n- **Express.js** with TypeScript (ESM)\n- **PostgreSQL** with Drizzle ORM\n- **WebSocket** (ws) for real-time updates\n- **Passport.js** for authentication\n- **CoinGecko API** for cryptocurrency data\n\n## 📋 Prerequisites\n\n- **Node.js** 18+ and npm\n- **PostgreSQL** database (recommended: [Neon Database](https://neon.tech) free tier)\n\n## 🚀 Quick Start\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/yourusername/CryptoPulse.git\ncd CryptoPulse\n```\n\n### 2. Install Dependencies\n\n```bash\nnpm install\n```\n\n### 3. Set Up Environment Variables\n\nCreate a `.env` file in the root directory:\n\n```env\nDATABASE_URL=postgresql://user:password@host:5432/cryptopulse\nPORT=5000\nNODE_ENV=development\nSESSION_SECRET=your-secret-key-here\n```\n\nSee [`.env.example`](.env.example) for detailed configuration options.\n\n### 4. Initialize Database\n\nPush the database schema:\n\n```bash\nnpm run db:push\n```\n\n### 5. Run Development Server\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:5000](http://localhost:5000) in your browser.\n\n## 🌐 Environment Variables\n\n| Variable | Description | Required | Default |\n|----------|-------------|----------|---------|\n| `DATABASE_URL` | PostgreSQL connection string | ✅ Yes | - |\n| `PORT` | Server port | ❌ No | `5000` |\n| `NODE_ENV` | Environment (`development` or `production`) | ❌ No | `development` |\n| `SESSION_SECRET` | Secret key for session encryption | ✅ Yes | - |\n\n### Database Setup (Neon)\n\n1. Sign up at [neon.tech](https://neon.tech)\n2. Create a new project\n3. Copy the connection string\n4. Add to your `.env` file as `DATABASE_URL`\n\n## 📦 Build \u0026 Deployment\n\n### Build for Production\n\n```bash\nnpm run build\n```\n\nThis creates:\n- `dist/public/` - Frontend static assets\n- `dist/index.js` - Backend server bundle\n\n### Run Production Build\n\n```bash\nnpm start\n```\n\n## 🚀 Deploy to Vercel\n\n### One-Click Deploy\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/yourusername/CryptoPulse)\n\n### Manual Deployment\n\n1. **Push to GitHub**\n   ```bash\n   git init\n   git add .\n   git commit -m \"Initial commit\"\n   git remote add origin https://github.com/yourusername/CryptoPulse.git\n   git push -u origin main\n   ```\n\n2. **Import to Vercel**\n   - Go to [vercel.com](https://vercel.com)\n   - Click \"New Project\"\n   - Import your GitHub repository\n   - Vercel will auto-detect the build settings\n\n3. **Configure Environment Variables**\n   \n   In Vercel dashboard → Settings → Environment Variables, add:\n   - `DATABASE_URL` - Your Neon database connection string\n   - `SESSION_SECRET` - A random secret key ([generate one](https://randomkeygen.com/))\n\n4. **Deploy**\n   \n   Click \"Deploy\" and wait for the build to complete!\n\n## 🗂 Project Structure\n\n```\nCryptoPulse/\n├── client/              # React frontend\n│   ├── src/\n│   │   ├── components/  # React components\n│   │   ├── hooks/       # Custom React hooks\n│   │   ├── lib/         # Utilities \u0026 helpers\n│   │   └── pages/       # Page components\n│   └── index.html\n├── server/              # Express backend\n│   ├── index.ts         # Server entry point\n│   ├── routes.ts        # API routes\n│   ├── storage.ts       # Database abstraction\n│   └── vite.ts          # Vite integration\n├── shared/              # Shared types \u0026 schemas\n│   └── schema.ts        # Database schema (Drizzle)\n├── package.json\n├── vite.config.ts\n├── drizzle.config.ts\n└── tsconfig.json\n```\n\n## 🔧 Development Scripts\n\n| Command | Description |\n|---------|-------------|\n| `npm run dev` | Start development server |\n| `npm run build` | Build for production |\n| `npm start` | Run production server |\n| `npm run check` | TypeScript type checking |\n| `npm run db:push` | Push database schema changes |\n\n## 🐛 Troubleshooting\n\n### Database Connection Issues\n\n- Verify `DATABASE_URL` is correct in `.env`\n- Ensure database is running and accessible\n- Check firewall/network settings\n\n### Build Errors\n\n- Clear `node_modules` and reinstall: `rm -rf node_modules package-lock.json \u0026\u0026 npm install`\n- Ensure Node.js version is 18+\n- Run `npm run check` to identify TypeScript errors\n\n### Port Already in Use\n\n- Change `PORT` in `.env` file\n- Kill process using port 5000: `npx kill-port 5000`\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is licensed under the MIT License.\n\n## 🙏 Acknowledgments\n\n- [CoinGecko API](https://www.coingecko.com/api) for cryptocurrency data\n- [shadcn/ui](https://ui.shadcn.com/) for beautiful UI components\n- [Neon Database](https://neon.tech) for serverless PostgreSQL\n\n---\n\nBuilt with ❤️ using React \u0026 Express\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeymohit02%2Fcrypto-market-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeymohit02%2Fcrypto-market-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeymohit02%2Fcrypto-market-tracker/lists"}