{"id":48387304,"url":"https://github.com/stackified/xktrading","last_synced_at":"2026-04-05T22:36:55.858Z","repository":{"id":322537575,"uuid":"1089898699","full_name":"stackified/xktrading","owner":"stackified","description":"A modern trading education and community platform built with React. Features academy courses, broker reviews, blogs, podcasts, and e-commerce functionality.","archived":false,"fork":false,"pushed_at":"2025-11-05T03:42:36.000Z","size":14949,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-05T22:36:40.945Z","etag":null,"topics":["broker-reviews","crypto-trading","e-commerce","educational-platform","framer-motion","prop-trading","react","react-router","redux","tailwindcss","trading","trading-community","trading-education","trading-platform","vite","web-app"],"latest_commit_sha":null,"homepage":"https://stackified.github.io/xktrading/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stackified.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-11-05T00:52:07.000Z","updated_at":"2025-11-15T21:44:11.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/stackified/xktrading","commit_stats":null,"previous_names":["stackified/xktrading"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/stackified/xktrading","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackified%2Fxktrading","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackified%2Fxktrading/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackified%2Fxktrading/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackified%2Fxktrading/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackified","download_url":"https://codeload.github.com/stackified/xktrading/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackified%2Fxktrading/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31452899,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["broker-reviews","crypto-trading","e-commerce","educational-platform","framer-motion","prop-trading","react","react-router","redux","tailwindcss","trading","trading-community","trading-education","trading-platform","vite","web-app"],"created_at":"2026-04-05T22:36:49.206Z","updated_at":"2026-04-05T22:36:53.753Z","avatar_url":"https://github.com/stackified.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# XK Trading Floor\n\nA comprehensive trading education and community platform built with React, featuring academy courses, broker reviews, blogs, podcasts, and merchandise.\n\n## 🚀 Overview\n\nXK Trading Floor is a modern web application designed to empower traders through education, data, and community. The platform provides a complete ecosystem for traders to learn, review trading companies, access educational resources, and connect with a supportive trading community.\n\n### Key Features\n\n- **🏠 Home Page**: Engaging hero section, community information, and \"How It Works\" guide\n- **🎓 Academy**: Expert-led programs, live workshops, strategy sessions, and trading bootcamps\n- **📝 Blog**: Educational articles covering trading strategies, psychology, risk management, and more\n- **⭐ Reviews**: Comprehensive review system for brokers, prop firms, and crypto exchanges\n- **🎙️ Podcasts**: Trading insights and educational content in audio format\n- **🛍️ Merchandise**: E-commerce functionality for trading-related products\n- **👤 User Dashboards**: Personalized dashboards for users, operators, and admins\n- **🔐 Authentication**: Secure user registration, login, and role-based access control\n- **📊 Analytics**: Dashboard with charts and analytics for admins and operators\n\n## 🛠️ Tech Stack\n\n### Core Technologies\n\n- **React 18.3.1** - UI library\n- **Vite 5.4.10** - Build tool and dev server\n- **React Router DOM 6.26.2** - Client-side routing\n- **Redux Toolkit 2.2.7** - State management\n- **React Redux 9.1.2** - React bindings for Redux\n\n### Styling \u0026 UI\n\n- **Tailwind CSS 3.4.14** - Utility-first CSS framework\n- **Framer Motion 11.2.13** - Animation library\n- **Lucide React 0.474.0** - Icon library\n- **@heroicons/react 2.1.5** - Additional icons\n\n### Additional Libraries\n\n- **Axios 1.7.7** - HTTP client\n- **Recharts 2.15.4** - Chart library for analytics\n- **React Helmet Async 2.0.5** - SEO and document head management\n\n## 📁 Project Structure\n\n```\nxktrading/\n├── public/\n│   └── assets/              # Static assets (images, logos, etc.)\n│       ├── blogs/           # Blog post images\n│       ├── events/          # Event images\n│       ├── leadership/      # Team member photos\n│       ├── merch/           # Product images\n│       ├── podcasts/        # Podcast episode images\n│       └── users/           # User avatars\n├── src/\n│   ├── components/          # Reusable React components\n│   │   ├── academy/        # Academy-related components\n│   │   ├── blog/           # Blog components\n│   │   ├── dashboard/      # Dashboard components\n│   │   ├── home/           # Home page components\n│   │   ├── merch/          # Merchandise components\n│   │   ├── reviews/        # Review system components\n│   │   ├── shared/         # Shared/common components\n│   │   └── ui/             # UI components\n│   ├── controllers/        # API controllers and business logic\n│   ├── models/             # Data models and mock data\n│   ├── pages/              # Page components\n│   ├── redux/              # Redux store and slices\n│   │   └── slices/         # Redux slices (auth, cart, analytics)\n│   ├── routes/             # Routing configuration\n│   ├── styles/             # Global styles\n│   ├── utils/              # Utility functions\n│   ├── App.jsx             # Main App component\n│   └── main.jsx            # Application entry point\n├── index.html              # HTML template\n├── package.json            # Dependencies and scripts\n├── tailwind.config.js      # Tailwind CSS configuration\n├── vite.config.js          # Vite configuration\n└── postcss.config.js       # PostCSS configuration\n```\n\n## 🚦 Getting Started\n\n### Prerequisites\n\n- **Node.js** (v16 or higher recommended)\n- **npm** or **yarn** package manager\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone \u003crepository-url\u003e\ncd xktrading\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n```\n\nThe application will be available at `http://localhost:5173` (or the port specified in `vite.config.js`).\n\n### Build for Production\n\n```bash\nnpm run build\n```\n\nThis creates an optimized production build in the `dist` directory.\n\n### Preview Production Build\n\n```bash\nnpm run preview\n```\n\nThis serves the production build locally for testing (default port: 5173).\n\n## 🎯 Features Breakdown\n\n### Authentication System\n\n- User registration and login\n- Role-based access control (user, operator, admin)\n- Cookie-based session management\n- Protected routes for authenticated users\n\n### Academy Section\n\n- Event listings with filtering and search\n- Event registration modal\n- Free resources section\n- Podcast integration\n- Educational content management\n\n### Review System\n\n- Company listings (brokers, prop firms, crypto exchanges)\n- Filtering by type, rating, and status\n- Pagination for large datasets\n- Review submission and moderation\n- Company detail pages with reviews\n- Operator dashboard for managing companies\n\n### Blog System\n\n- Blog post listings with categories\n- Search functionality\n- Individual blog post pages\n- Author information\n- Related posts\n\n### Merchandise\n\n- Product catalog with filtering\n- Shopping cart functionality (Redux managed)\n- Product detail pages\n- Cart sidebar component\n\n### Dashboards\n\n- **User Dashboard**: Personal analytics and activity\n- **Operator Dashboard**: Company and review management\n- **Admin Dashboard**: Full platform administration\n- Analytics charts and widgets\n- Recent activity tracking\n- Quick actions panel\n\n## 🎨 Styling \u0026 Design\n\nThe application uses a dark theme with a modern, professional design:\n\n- **Primary Color**: `#2B6EF2` (Blue)\n- **Background**: `#0B0F19` (Dark blue-black)\n- **Card Background**: `#0E1422`\n- **Typography**: Inter and Poppins fonts\n\nCustom Tailwind configuration extends the default theme with project-specific colors and utilities.\n\n## 🔐 Environment Variables\n\nCurrently, the application uses client-side data management. For production deployment, you may want to configure:\n\n- API endpoints\n- Authentication service URLs\n- Environment-specific configurations\n\n## 📱 Responsive Design\n\nThe application is fully responsive and optimized for:\n\n- Desktop (1920px+)\n- Laptop (1024px - 1919px)\n- Tablet (768px - 1023px)\n- Mobile (320px - 767px)\n\n## 🧪 Development\n\n### Key Development Features\n\n- **Hot Module Replacement (HMR)**: Fast development with instant updates\n- **React Fast Refresh**: Preserves component state during development\n- **ESLint**: Code linting (if configured)\n- **TypeScript Support**: Can be added if needed\n\n### Code Organization\n\n- **Component-based Architecture**: Modular, reusable components\n- **Separation of Concerns**: Controllers, models, and views separated\n- **Redux State Management**: Centralized state for auth, cart, and analytics\n- **Custom Hooks**: Reusable logic extraction (where applicable)\n\n## 🚀 Deployment\n\n### Build Output\n\nThe `npm run build` command generates optimized static files in the `dist` directory, ready for deployment to:\n\n- **Static Hosting**: Netlify, Vercel, GitHub Pages\n- **CDN**: Cloudflare, AWS CloudFront\n- **Traditional Servers**: Nginx, Apache\n\n### Deployment Checklist\n\n- [ ] Update API endpoints for production\n- [ ] Configure environment variables\n- [ ] Set up authentication backend\n- [ ] Configure CORS if needed\n- [ ] Set up analytics tracking\n- [ ] Optimize images and assets\n- [ ] Test all features in production environment\n\n## 📝 Available Scripts\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run preview` - Preview production build locally\n\n## 🔧 Configuration Files\n\n- **`vite.config.js`**: Vite build configuration\n- **`tailwind.config.js`**: Tailwind CSS customization\n- **`postcss.config.js`**: PostCSS configuration\n- **`package.json`**: Project metadata and dependencies\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 📄 License\n\nThis project is private and proprietary.\n\n## 📞 Support\n\nFor support, please contact the development team or visit the contact page at `/contact`.\n\n## 🔮 Future Enhancements\n\nPotential features for future development:\n\n- Real-time chat or Discord integration\n- Advanced trading tools and calculators\n- Mobile app version\n- Enhanced analytics and reporting\n- Integration with trading APIs\n- Payment gateway integration for merchandise\n- Email notifications system\n- Advanced search and filtering\n\n---\n\n**Built with ❤️ by Stackified.**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackified%2Fxktrading","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackified%2Fxktrading","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackified%2Fxktrading/lists"}