[Frontend] Project Setup - Svelte with TypeScript #20

shoko · 2026-04-08T14:58:52+02:00

shoko commented

2026-04-08 14:58:52 +02:00

Summary

Implemented issue #9 - Frontend Project Setup with Svelte and TypeScript.

Changes Made

New frontend project structure (src/frontend/):

Created SvelteKit project with TypeScript
Set up routing structure:
- / - Landing page (redirects to dashboard if logged in)
- /login - Login form
- /register - Registration form
- /dashboard - Bot management dashboard
- /bot/[id] - Bot chat interface
- /bot/[id]/backtest - Backtest configuration and history
- /bot/[id]/simulate - Simulation configuration and signals
- /settings - User settings

State Management (Svelte stores):

userStore - Current user info
botsStore - List of user's bots
currentBotStore - Selected bot
chatStore - Chat messages
backtestStore - Backtest results
simulationStore - Simulation signals
authStore - Authentication state with login/register/logout

API Client:

Full API client for backend communication with auth handling
Types for all API entities (User, Bot, Backtest, Simulation, Signal, etc.)

Environment Configuration:

.env.example with VITE_API_URL and VITE_WS_URL

Dependencies

Depends on backend being set up (issue #2, #3, #4, #5 completed)
Can work in parallel with other frontend tasks

Fixes #9

## Summary Implemented issue #9 - Frontend Project Setup with Svelte and TypeScript. ### Changes Made **New frontend project structure** (`src/frontend/`): - Created SvelteKit project with TypeScript - Set up routing structure: - `/` - Landing page (redirects to dashboard if logged in) - `/login` - Login form - `/register` - Registration form - `/dashboard` - Bot management dashboard - `/bot/[id]` - Bot chat interface - `/bot/[id]/backtest` - Backtest configuration and history - `/bot/[id]/simulate` - Simulation configuration and signals - `/settings` - User settings **State Management (Svelte stores):** - `userStore` - Current user info - `botsStore` - List of user's bots - `currentBotStore` - Selected bot - `chatStore` - Chat messages - `backtestStore` - Backtest results - `simulationStore` - Simulation signals - `authStore` - Authentication state with login/register/logout **API Client:** - Full API client for backend communication with auth handling - Types for all API entities (User, Bot, Backtest, Simulation, Signal, etc.) **Environment Configuration:** - `.env.example` with `VITE_API_URL` and `VITE_WS_URL` ### Dependencies - Depends on backend being set up (issue #2, #3, #4, #5 completed) - Can work in parallel with other frontend tasks ## Related Issue Fixes #9

shoko added 1 commit 2026-04-08 14:58:52 +02:00

feat: setup SvelteKit frontend with TypeScript 5eb623f022

Implemented issue #9 - Frontend Project Setup with Svelte and TypeScript.

Changes:
- Created SvelteKit project with TypeScript
- Set up routing structure:
  - / (landing page)
  - /login
  - /register
  - /dashboard
  - /bot/[id]
  - /bot/[id]/backtest
  - /bot/[id]/simulate
  - /settings
- Created Svelte stores for state management:
  - userStore - Current user info
  - botsStore - List of user's bots
  - currentBotStore - Selected bot
  - chatStore - Chat messages
  - backtestStore - Backtest results
  - simulationStore - Simulation signals
  - authStore - Authentication state
- Created API client for backend communication
- Set up environment variables (.env.example)
- Created auth store with protected routes and login/register functionality

han approved these changes 2026-04-08 15:16:27 +02:00

han left a comment

First-time contributor

lgtm

shoko merged commit 875427a0c1 into main

2026-04-08 15:17:10 +02:00

shoko referenced this issue from a commit

2026-04-08 15:17:12 +02:00

Merge pull request '[Frontend] Project Setup - Svelte with TypeScript' (#20) from fix/issue-9 into main

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: shoko/randebu#20