Bienvenue sur le dépôt du projet de plateforme de podcasts pour la radio Pyramide. Ce projet est développé avec Vite.js pour offrir une interface rapide et réactive permettant aux utilisateurs d'explorer, d'écouter et de découvrir des podcasts diffusés par la radio Pyramide.
- Aperçu
- Fonctionnalités
- Technologies Utilisées
- Installation
- Utilisation
- Structure du Projet
- Contributions
- License
Insère ici un ou plusieurs screenshots ou GIFs montrant des captures d'écran de l'application en fonctionnement.
- 🔍 Découverte de podcasts : Explorez les podcasts par catégorie, journaliste, ou via la recherche.
- 🎙️ Lecture en continu : Profitez de la lecture en continu avec un lecteur audio intégré.
- 📅 Programme de la semaine : Consultez les podcasts prévus pour la semaine.
- 🔑 Authentification : Connexion et gestion des utilisateurs avec token de session.
- 🌙 Mode sombre : Basculer entre les thèmes clair et sombre.
- Vite.js : Outil de build ultrarapide pour une expérience de développement fluide.
- React.js : Pour construire une interface utilisateur moderne et réactive.
- Redux Toolkit : Gestion de l'état global de l'application.
- React Router : Pour la navigation entre les différentes pages de l'application.
- Back4App : Backend basé sur Parse pour la gestion des données et l'authentification.
- Chakra UI : Composants UI modernes pour une interface utilisateur élégante.
- Mapbox : Intégration des cartes pour localiser les événements en direct.
- NextUI : Composants pour la gestion du thème de l'application.
Pour configurer et exécuter ce projet localement, suivez les étapes ci-dessous :
-
Clonez le dépôt :
git clone https://github.com/YorkWona/pyramide-radio-podcast.git cd pyramide-radio-podcast -
Installez les dépendances :
npm install
-
Lancez l'application en mode développement :
npm run dev
-
Accédez à l'application à l'adresse suivante :
http://localhost:3000
- Exploration : Parcourez les différentes sections pour découvrir des podcasts et des émissions.
- Lecture : Cliquez sur un podcast pour démarrer la lecture via le lecteur audio intégré.
- Recherche : Utilisez la barre de recherche pour trouver des podcasts par nom ou par journaliste.
- Thème : Basculez entre les modes clair et sombre via l'icône de thème en haut de la page.
pyramide-radio-podcast/
│
├── public/ # Fichiers statiques
├── src/
│ ├── assets/ # Fichiers multimédias
│ ├── components/ # Composants réutilisables
│ ├── pages/ # Pages de l'application
│ ├── redux/ # Configuration et slices Redux
│ ├── services/ # Intégration des APIs
│ ├── App.jsx # Composant principal
│ ├── index.js # Point d'entrée de l'application
│ └── Layout.jsx # Composant de mise en page principale
└── vite.config.js # Configuration de Vite
Les contributions sont les bienvenues ! Si vous souhaitez contribuer, veuillez :
- Forker le dépôt.
- Créer une branche pour vos modifications (
git checkout -b feature/ma-nouvelle-fonctionnalité). - Committer vos changements (
git commit -m 'Ajout d'une nouvelle fonctionnalité'). - Pousser la branche (
git push origin feature/ma-nouvelle-fonctionnalité). - Ouvrir une Pull Request.
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.