🎉 Initial commit: AudiOhm - Alternative à Spotify avec streaming YouTube
Features: - Frontend Flutter avec thème néon cyberpunk - Backend FastAPI avec streaming YouTube - Base de données PostgreSQL + Redis - Authentification JWT complète - Recherche multi-source (DB + YouTube) - Playlists CRUD avec drag & drop - Queue management - Settings avec audio quality - Interface adaptative (Desktop + Mobile) Tech Stack: - Frontend: Flutter 3.2+, Riverpod - Backend: Python 3.11+, FastAPI - Database: PostgreSQL 15+ - Cache: Redis 7+ - Streaming: yt-dlp + FFmpeg 🚀 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
feldenr
@@ -0,0 +1,48 @@
|
||||
/// API constants
|
||||
class ApiConstants {
|
||||
ApiConstants._();
|
||||
|
||||
// Base URLs
|
||||
static const String baseUrl = String.fromEnvironment(
|
||||
'API_BASE_URL',
|
||||
defaultValue: 'http://localhost:8000/api/v1',
|
||||
);
|
||||
|
||||
static const String wsUrl = String.fromEnvironment(
|
||||
'WS_BASE_URL',
|
||||
defaultValue: 'ws://localhost:8000',
|
||||
);
|
||||
|
||||
// Timeout durations
|
||||
static const int connectionTimeoutMs = 30000; // 30 seconds
|
||||
static const int receiveTimeoutMs = 30000;
|
||||
static const int sendTimeoutMs = 30000;
|
||||
|
||||
// API Endpoints
|
||||
static const String auth = '/auth';
|
||||
static const String music = '/music';
|
||||
static const String playlists = '/playlists';
|
||||
static const String library = '/library';
|
||||
static const String search = '/search';
|
||||
|
||||
// Auth endpoints
|
||||
static const String login = '/auth/login';
|
||||
static const String register = '/auth/register';
|
||||
static const String refresh = '/auth/refresh';
|
||||
static const String logout = '/auth/logout';
|
||||
static const String me = '/auth/me';
|
||||
|
||||
// Music endpoints
|
||||
static const String tracks = '/music/tracks';
|
||||
static const String artists = '/music/artists';
|
||||
static const String albums = '/music/albums';
|
||||
static const String searchMusic = '/music/search';
|
||||
static const String stream = '/stream';
|
||||
static const String recommendations = '/music/tracks';
|
||||
static const String trending = '/music/trending';
|
||||
|
||||
// Playlist endpoints
|
||||
static const String userPlaylists = '/playlists';
|
||||
static const String playlistTracks = '/tracks';
|
||||
static const String reorder = '/tracks/reorder';
|
||||
}
|
||||
@@ -0,0 +1,257 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'colors.dart';
|
||||
import 'text_styles.dart';
|
||||
|
||||
/// App Theme - Neon Cyberpunk
|
||||
class AppTheme {
|
||||
AppTheme._();
|
||||
|
||||
// Light theme (not used, keeping for completeness)
|
||||
static ThemeData get lightTheme => ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.light,
|
||||
colorScheme: _lightColorScheme,
|
||||
textTheme: _textTheme,
|
||||
fontFamily: AppTextStyles.fontFamily,
|
||||
);
|
||||
|
||||
// Dark theme (main theme)
|
||||
static ThemeData get darkTheme => ThemeData(
|
||||
useMaterial3: true,
|
||||
brightness: Brightness.dark,
|
||||
colorScheme: _darkColorScheme,
|
||||
textTheme: _textTheme,
|
||||
fontFamily: AppTextStyles.fontFamily,
|
||||
scaffoldBackgroundColor: AppColors.primary,
|
||||
appBarTheme: _appBarTheme,
|
||||
cardTheme: _cardTheme,
|
||||
elevatedButtonTheme: _elevatedButtonTheme,
|
||||
textButtonTheme: _textButtonTheme,
|
||||
outlinedButtonTheme: _outlinedButtonTheme,
|
||||
inputDecorationTheme: _inputDecorationTheme,
|
||||
floatingActionButtonTheme: _floatingActionButtonTheme,
|
||||
bottomNavigationBarTheme: _bottomNavigationBarTheme,
|
||||
navigationBarTheme: _navigationBarTheme,
|
||||
sliderTheme: _sliderTheme,
|
||||
progressIndicatorTheme: _progressIndicatorTheme,
|
||||
);
|
||||
|
||||
// Color Schemes
|
||||
static const ColorScheme _lightColorScheme = ColorScheme.light(
|
||||
primary: AppColors.cyan,
|
||||
secondary: AppColors.violet,
|
||||
tertiary: AppColors.rose,
|
||||
surface: AppColors.surface,
|
||||
error: AppColors.error,
|
||||
onPrimary: AppColors.primary,
|
||||
onSecondary: AppColors.primary,
|
||||
onSurface: AppColors.onSurface,
|
||||
onError: Colors.white,
|
||||
);
|
||||
|
||||
static const ColorScheme _darkColorScheme = ColorScheme.dark(
|
||||
primary: AppColors.cyan,
|
||||
secondary: AppColors.violet,
|
||||
tertiary: AppColors.rose,
|
||||
surface: AppColors.surface,
|
||||
error: AppColors.error,
|
||||
onPrimary: AppColors.primary,
|
||||
onSecondary: AppColors.primary,
|
||||
onSurface: AppColors.onSurface,
|
||||
onError: Colors.white,
|
||||
);
|
||||
|
||||
// Text Theme
|
||||
static const TextTheme _textTheme = TextTheme(
|
||||
displayLarge: AppTextStyles.h1,
|
||||
displayMedium: AppTextStyles.h2,
|
||||
displaySmall: AppTextStyles.h3,
|
||||
bodyLarge: AppTextStyles.bodyLarge,
|
||||
bodyMedium: AppTextStyles.body,
|
||||
bodySmall: AppTextStyles.bodySmall,
|
||||
labelLarge: AppTextStyles.button,
|
||||
labelMedium: AppTextStyles.label,
|
||||
labelSmall: AppTextStyles.caption,
|
||||
);
|
||||
|
||||
// AppBar Theme
|
||||
static const AppBarTheme _appBarTheme = AppBarTheme(
|
||||
elevation: 0,
|
||||
centerTitle: false,
|
||||
backgroundColor: Colors.transparent,
|
||||
foregroundColor: AppColors.onBackground,
|
||||
titleTextStyle: AppTextStyles.h2,
|
||||
iconTheme: IconThemeData(
|
||||
color: AppColors.onSurface,
|
||||
),
|
||||
);
|
||||
|
||||
// Card Theme
|
||||
static CardTheme _cardTheme = CardTheme(
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
side: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.15),
|
||||
width: 1,
|
||||
),
|
||||
),
|
||||
color: AppColors.surface,
|
||||
margin: const EdgeInsets.all(8),
|
||||
);
|
||||
|
||||
// Elevated Button Theme
|
||||
static ElevatedButtonThemeData _elevatedButtonTheme =
|
||||
ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
elevation: 0,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
backgroundColor: AppColors.cyan,
|
||||
foregroundColor: AppColors.primary,
|
||||
textStyle: AppTextStyles.button,
|
||||
shadowColor: AppColors.cyan.withOpacity(0.4),
|
||||
).copyWith(
|
||||
overlayColor: MaterialStateProperty.resolveWith((states) {
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return AppColors.cyan.withOpacity(0.2);
|
||||
}
|
||||
if (states.contains(MaterialState.hovered)) {
|
||||
return AppColors.cyan.withOpacity(0.1);
|
||||
}
|
||||
return null;
|
||||
}),
|
||||
),
|
||||
);
|
||||
|
||||
// Text Button Theme
|
||||
static TextButtonThemeData _textButtonTheme = TextButtonThemeData(
|
||||
style: TextButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 14),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
foregroundColor: AppColors.cyan,
|
||||
textStyle: AppTextStyles.button,
|
||||
).copyWith(
|
||||
side: MaterialStateProperty.resolveWith((states) {
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return BorderSide(color: AppColors.cyan, width: 2);
|
||||
}
|
||||
return BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.5),
|
||||
width: 1.5,
|
||||
);
|
||||
}),
|
||||
),
|
||||
);
|
||||
|
||||
// Outlined Button Theme
|
||||
static OutlinedButtonThemeData _outlinedButtonTheme =
|
||||
OutlinedButtonThemeData(
|
||||
style: OutlinedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 14),
|
||||
side: const BorderSide(color: AppColors.cyan, width: 2),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
foregroundColor: AppColors.cyan,
|
||||
textStyle: AppTextStyles.button,
|
||||
),
|
||||
);
|
||||
|
||||
// Input Decoration Theme
|
||||
static InputDecorationTheme _inputDecorationTheme =
|
||||
InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: AppColors.surface,
|
||||
contentPadding:
|
||||
const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.2),
|
||||
width: 2,
|
||||
),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: BorderSide(
|
||||
color: AppColors.cyan.withOpacity(0.2),
|
||||
width: 2,
|
||||
),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.cyan, width: 2),
|
||||
),
|
||||
errorBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.error, width: 2),
|
||||
),
|
||||
focusedErrorBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
borderSide: const BorderSide(color: AppColors.error, width: 2),
|
||||
),
|
||||
hintStyle: AppTextStyles.body.copyWith(color: AppColors.muted),
|
||||
);
|
||||
|
||||
// Floating Action Button Theme
|
||||
static FloatingActionButtonThemeData _floatingActionButtonTheme =
|
||||
FloatingActionButtonThemeData(
|
||||
elevation: 4,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
backgroundColor: AppColors.cyan,
|
||||
foregroundColor: AppColors.primary,
|
||||
iconSize: 24,
|
||||
);
|
||||
|
||||
// Bottom Navigation Bar Theme
|
||||
static BottomNavigationBarThemeData _bottomNavigationBarTheme =
|
||||
BottomNavigationBarThemeData(
|
||||
elevation: 8,
|
||||
backgroundColor: AppColors.surface,
|
||||
selectedItemColor: AppColors.cyan,
|
||||
unselectedItemColor: AppColors.muted,
|
||||
selectedLabelStyle: AppTextStyles.caption,
|
||||
unselectedLabelStyle: AppTextStyles.caption,
|
||||
type: BottomNavigationBarType.fixed,
|
||||
);
|
||||
|
||||
// Navigation Bar Theme (Material 3)
|
||||
static NavigationBarThemeData _navigationBarTheme =
|
||||
NavigationBarThemeData(
|
||||
elevation: 0,
|
||||
backgroundColor: AppColors.surface,
|
||||
indicatorColor: AppColors.cyan.withOpacity(0.15),
|
||||
labelTextStyle: MaterialStateProperty.all(AppTextStyles.caption),
|
||||
height: 56,
|
||||
);
|
||||
|
||||
// Slider Theme
|
||||
static SliderThemeData _sliderTheme = SliderThemeData(
|
||||
trackHeight: 3,
|
||||
thumbShape: const RoundSliderThumbShape(
|
||||
enabledThumbRadius: 6,
|
||||
),
|
||||
overlayShape: const RoundSliderOverlayShape(
|
||||
overlayRadius: 16,
|
||||
),
|
||||
activeTrackColor: AppColors.cyan,
|
||||
inactiveTrackColor: AppColors.surfaceVariant,
|
||||
thumbColor: AppColors.cyan,
|
||||
overlayColor: AppColors.cyan.withOpacity(0.2),
|
||||
);
|
||||
|
||||
// Progress Indicator Theme
|
||||
static ProgressIndicatorThemeData _progressIndicatorTheme =
|
||||
ProgressIndicatorThemeData(
|
||||
color: AppColors.cyan,
|
||||
linearTrackColor: AppColors.surfaceVariant,
|
||||
circularTrackColor: AppColors.surfaceVariant,
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// App Colors - Neon Cyberpunk Theme
|
||||
class AppColors {
|
||||
AppColors._();
|
||||
|
||||
// Backgrounds
|
||||
static const Color primary = Color(0xFF0A0E27); // Bleu nuit très foncé
|
||||
static const Color surface = Color(0xFF1A1F3A); // Bleu nuit
|
||||
static const Color surfaceVariant = Color(0xFF252B4A);
|
||||
static const Color surfaceElevated = Color(0xFF2D344F);
|
||||
|
||||
// Neon accent colors
|
||||
static const Color cyan = Color(0xFF00F0FF); // Cyan électrique néon
|
||||
static const Color violet = Color(0xFFBF00FF); // Violet/magenta néon
|
||||
static const Color rose = Color(0xFFFF006E); // Rose néon vif
|
||||
static const Color vert = Color(0xFF39FF14); // Vert néon matrix
|
||||
static const Color jaune = Color(0xFFFFD600); // Jaune néon
|
||||
static const Color rouge = Color(0xFFFF2A6D); // Rouge néon
|
||||
|
||||
// Text colors
|
||||
static const Color onBackground = Color(0xFFE0E6FF); // Blanc bleuté
|
||||
static const Color onSurface = Color(0xFFB0B8D4); // Bleu gris clair
|
||||
static const Color onSurfaceVariant = Color(0xFF8A92B4);
|
||||
static const Color muted = Color(0xFF6A7294); // Bleu gris désaturé
|
||||
|
||||
// Functional colors
|
||||
static const Color success = vert;
|
||||
static const Color warning = jaune;
|
||||
static const Color error = rouge;
|
||||
static const Color info = cyan;
|
||||
|
||||
// Gradients
|
||||
static const LinearGradient primaryGradient = LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [cyan, violet],
|
||||
);
|
||||
|
||||
static const LinearGradient accentGradient = LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [violet, rose],
|
||||
);
|
||||
|
||||
static const LinearGradient fullGradient = LinearGradient(
|
||||
begin: Alignment(-1.0, -1.0),
|
||||
end: Alignment(1.0, 1.0),
|
||||
colors: [cyan, violet, rose],
|
||||
);
|
||||
|
||||
// Glow shadows
|
||||
static List<BoxShadow> get cyanGlow => [
|
||||
BoxShadow(
|
||||
color: cyan.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
|
||||
static List<BoxShadow> get violetGlow => [
|
||||
BoxShadow(
|
||||
color: violet.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
|
||||
static List<BoxShadow> get roseGlow => [
|
||||
BoxShadow(
|
||||
color: rose.withOpacity(0.3),
|
||||
blurRadius: 20,
|
||||
spreadRadius: 2,
|
||||
),
|
||||
];
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'colors.dart';
|
||||
|
||||
/// App Text Styles - Neon Cyberpunk Theme
|
||||
class AppTextStyles {
|
||||
AppTextStyles._();
|
||||
|
||||
// Font family
|
||||
static const String fontFamily = 'Outfit';
|
||||
|
||||
// Heading 1 - 32px Bold
|
||||
static const TextStyle h1 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 32,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: AppColors.onBackground,
|
||||
letterSpacing: -0.5,
|
||||
);
|
||||
|
||||
// Heading 2 - 24px SemiBold
|
||||
static const TextStyle h2 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.onBackground,
|
||||
letterSpacing: -0.25,
|
||||
);
|
||||
|
||||
// Heading 3 - 20px SemiBold
|
||||
static const TextStyle h3 = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.onBackground,
|
||||
);
|
||||
|
||||
// Body Large - 16px Regular
|
||||
static const TextStyle bodyLarge = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.onBackground,
|
||||
height: 1.5,
|
||||
);
|
||||
|
||||
// Body - 14px Regular
|
||||
static const TextStyle body = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.onSurface,
|
||||
height: 1.5,
|
||||
);
|
||||
|
||||
// Body Small - 12px Regular
|
||||
static const TextStyle bodySmall = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.muted,
|
||||
height: 1.4,
|
||||
);
|
||||
|
||||
// Caption - 12px Regular
|
||||
static const TextStyle caption = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w400,
|
||||
color: AppColors.muted,
|
||||
height: 1.3,
|
||||
);
|
||||
|
||||
// Button - 14px SemiBold
|
||||
static const TextStyle button = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.primary,
|
||||
letterSpacing: 0.5,
|
||||
);
|
||||
|
||||
// Label - 14px Medium
|
||||
static const TextStyle label = TextStyle(
|
||||
fontFamily: fontFamily,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: AppColors.onSurface,
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user