Component Breakdown
This section provides an overview of the key components in TornTicker, explaining their responsibilities, structure, and interactions.
Frontend (React/Vite)
The frontend is built using React + Vite and serves as the user interface for interacting with TornTicker.
🔹 Key Responsibilities:
✅ Render the dashboard and UI components
✅ Handle user authentication via Torn API key
✅ Fetch data from the FastAPI backend and display results
✅ Provide a responsive design (React Bootstrap)
✅ Manage state using React Hooks
🗂️ Main UI Components
📄 Pages
| Page | File | Description |
|---|---|---|
| App | (tbd) | Root component, manages routing and global state |
| Login | (tbd) | Accepts Torn API key, authenticates user |
| Dashboard | (tbd) | (tbd) |
🔧 Components
| Component | File | Description |
|---|---|---|
| (tbd) | (tbd) | (tbd) |
Backend (FastAPI)
The FastAPI server handles all API requests from the frontend, processes data, and interacts with MongoDB and External services.
(tbd)
Database (MongoDB)
The MongoDB database stores cached Torn API responses, reducing API calls.
(tbd)
External Services
- Torn API provides real-time game data.
- Torion API provides additional data (limited access).
(tbd)