theo/dofus-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: set homepage

Browse Source
This commit is contained in:
BeauTroll
2026-01-19 19:03:16 +01:00
parent f6621200cd
commit a22fed0f9d
2 changed files with 79 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/stories/1.1.story.md
View File

@@ -61,19 +61,19 @@ Draft
- [x] Add lint and format scripts to `package.json` - [x] Add lint and format scripts to `package.json`
- [x] Verify linting works on project files - [x] Verify linting works on project files
- [ ] Task 6: Setup Gitea Actions workflow (AC: 6) - [x] Task 6: Setup Gitea Actions workflow (AC: 6)
- [x] Create `.gitea/workflows/ci.yml` - [x] Create `.gitea/workflows/ci.yml`
- [x] Configure test job: lint, typecheck, test - [x] Configure test job: lint, typecheck, test
- [x] Configure build job: Docker image build and push - [x] Configure build job: Docker image build and push
- [x] Configure deploy jobs (staging/production) with manual triggers - [x] Configure deploy jobs (staging/production) with manual triggers
- [ ] Add caching for pnpm store - [x] Add caching for pnpm store
- [ ] Task 7: Create README documentation (AC: 8) - [ ] Task 7: Create README documentation (AC: 8)
- [ ] Document project overview - [x] Document project overview
- [ ] Document prerequisites (Node 20, pnpm, Docker) - [x] Document prerequisites (Node 20, pnpm, Docker)
- [ ] Document local development setup steps - [x] Document local development setup steps
- [ ] Document available npm scripts - [x] Document available npm scripts
- [ ] Document environment variables - [x] Document environment variables
- [ ] Task 8: Create home page (AC: 9) - [ ] Task 8: Create home page (AC: 9)
- [ ] Create `src/routes/index.tsx` as home page - [ ] Create `src/routes/index.tsx` as home page

102
src/routes/index.tsx
View File

@@ -1,37 +1,79 @@
import { createFileRoute } from '@tanstack/react-router'; import { createFileRoute } from '@tanstack/react-router';
import '../App.css'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Button } from '@/components/ui/button';
import { Users, Swords, User, Server } from 'lucide-react';
export const Route = createFileRoute('/')({ component: App }); export const Route = createFileRoute('/')({ component: HomePage });
function App() { function HomePage() {
return ( return (
<div className="App"> <div className="min-h-screen bg-background">
<header className="App-header"> <div className="container mx-auto px-4 py-16">
<img <header className="text-center mb-16">
src="/tanstack-circle-logo.png" <h1 className="text-5xl font-bold text-foreground mb-4">Dofus Manager</h1>
className="App-logo" <p className="text-xl text-muted-foreground">
alt="TanStack Logo" Gérez vos personnages, comptes et équipes Dofus
/> </p>
<p> </header>
Edit <code>src/routes/index.tsx</code> and save to reload.
</p> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
<a <Card className="hover:shadow-lg transition-shadow">
className="App-link" <CardHeader>
href="https://reactjs.org" <User className="w-10 h-10 text-primary mb-2" />
target="_blank" <CardTitle>Personnages</CardTitle>
rel="noopener noreferrer" <CardDescription>Gérez tous vos personnages</CardDescription>
> </CardHeader>
Learn React <CardContent>
</a> <Button variant="outline" className="w-full">
<a Voir les personnages
className="App-link" </Button>
href="https://tanstack.com" </CardContent>
target="_blank" </Card>
rel="noopener noreferrer"
> <Card className="hover:shadow-lg transition-shadow">
Learn TanStack <CardHeader>
</a> <Users className="w-10 h-10 text-primary mb-2" />
</header> <CardTitle>Comptes</CardTitle>
<CardDescription>Organisez vos comptes Dofus</CardDescription>
</CardHeader>
<CardContent>
<Button variant="outline" className="w-full">
Voir les comptes
</Button>
</CardContent>
</Card>
<Card className="hover:shadow-lg transition-shadow">
<CardHeader>
<Swords className="w-10 h-10 text-primary mb-2" />
<CardTitle>Équipes</CardTitle>
<CardDescription>Composez vos équipes</CardDescription>
</CardHeader>
<CardContent>
<Button variant="outline" className="w-full">
Voir les équipes
</Button>
</CardContent>
</Card>
<Card className="hover:shadow-lg transition-shadow">
<CardHeader>
<Server className="w-10 h-10 text-primary mb-2" />
<CardTitle>Serveurs</CardTitle>
<CardDescription>Vos serveurs de jeu</CardDescription>
</CardHeader>
<CardContent>
<Button variant="outline" className="w-full">
Voir les serveurs
</Button>
</CardContent>
</Card>
</div>
<footer className="text-center text-muted-foreground">
<p>Dofus Manager - Gérez votre aventure</p>
</footer>
</div>
</div> </div>
); );
} }