blyzer/compor-academy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement core course platform UI and logic

Browse Source 
- Add project configuration and git ignore rules
- Implement App router with protected routes
- Develop course player, grid, and card components
- Add state management for course progress and navigation
- Initialize database services for course and comment data
This commit is contained in:
MMrp89
2026-08-27 12:34:12 -03:00
parent a1de78971d
commit 684f929f28
34 changed files with 5450 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
index.html Normal file
View File

@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Compor HUB | Cursos & Central de Materiais</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="/index.css">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['"Manrope"', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', 'sans-serif'],
display: ['"Manrope"', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'sans-serif'],
heading: ['"Manrope"', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'sans-serif'],
body: ['"Manrope"', 'system-ui', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'sans-serif'],
},
fontSize: {
'caption': ['12px', { lineHeight: '1.5', letterSpacing: '-0.01em' }],
'body-sm': ['14px', { lineHeight: '1.5', letterSpacing: '-0.01em' }],
'body': ['16px', { lineHeight: '1.6', letterSpacing: '-0.01em' }],
'subheading': ['20px', { lineHeight: '1.35', letterSpacing: '-0.02em' }],
'heading-sm': ['26px', { lineHeight: '1.3', letterSpacing: '-0.025em' }],
'heading': ['36px', { lineHeight: '1.25', letterSpacing: '-0.03em' }],
'heading-lg': ['44px', { lineHeight: '1.2', letterSpacing: '-0.03em' }],
'display': ['52px', { lineHeight: '1.15', letterSpacing: '-0.035em' }],
},
letterSpacing: {
'caption': '-0.01em',
'body-sm': '-0.01em',
'body': '-0.01em',
'subheading': '-0.02em',
'heading-sm': '-0.025em',
'heading': '-0.03em',
'heading-lg': '-0.03em',
'display': '-0.035em',
},
borderRadius: {
'tag': '980px',
'button': '980px',
'card': '8px',
'image': '8px',
'input': '8px',
'pill': '980px',
},
boxShadow: {
'xl': '0 10px 30px -5px rgba(0, 0, 0, 0.3)',
'glow': '0 0 35px -5px rgba(249, 115, 22, 0.25)',
},
maxWidth: {
'page': '1440px',
},
colors: {
gray: {
850: '#1f1f1f',
900: '#121212',
950: '#0a0a0a',
}
}
}
}
}
</script>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@18.2.0",
"react/": "https://esm.sh/react@18.2.0/",
"react-dom": "https://esm.sh/react-dom@18.2.0",
"react-dom/": "https://esm.sh/react-dom@18.2.0/",
"react-dom/client": "https://esm.sh/react-dom@18.2.0/client",
"react-router-dom": "https://esm.sh/react-router-dom@6.22.3?external=react,react-dom",
"lucide-react": "https://esm.sh/lucide-react@0.344.0",
"localforage": "https://esm.sh/localforage@1.10.0",
"@google/genai": "https://esm.sh/@google/genai"
}
}
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>