Previously On est une application web développée avec React (front) et Node.js/Express (back), permettant aux utilisateurs de gérer leurs séries préférées en se connectant à l’API officielle de BetaSeries.
🧩 Réalisé par zpilia et Emilie20000
Projet conçu dans le cadre de la formation Web@cadémie
Proposer une application complète permettant :
- Le suivi des séries et épisodes vus
- L’ajout de nouvelles séries à sa liste
- L’accès à des suggestions personnalisées
- L’interaction avec une communauté d’amis fans de séries
- Connexion via compte BetaSeries
- Sécurisation des appels API via
CLIENT_IDetCLIENT_SECRET
- Liste des séries disponibles
- Fiche complète d’une série (résumé, saisons, durée, genre…)
- Marquage d’épisodes vus / non vus
- Archivage / désarchivage
- Liste des acteurs
- Suggestions de séries similaires
- Commentaires (en cours de développement)
- Liste d’amis
- Recherche et ajout / suppression / blocage d’utilisateurs
- Gestion des demandes d’amis (à venir)
- Accueil avec le Top 10 des séries
- Like/dislike sur les commentaires
- Frontend : React + Tailwind CSS
- Backend : Node.js + Express
- Langage : JavaScript
- API : BetaSeries API
- Cloner le projet
git clone git@github.com:EpitechWebAcademiePromo2025/W-SPE-502-LIL-2-1-previously-zoe.pilia.git
cd previously-on- Créer le fichier
.envdans/server
CLIENT_ID=88cd03e6dd58
CLIENT_SECRET=d3876f87a9776363b611b49b279303b0
REDIRECT_URI=http://localhost:5001/auth/callback- Lancer le back-end
cd server
npm install
npm start- Lancer le front-end
cd client
npm install
npm start
Projet conçu par zpilia et Emilie20000
Réalisé dans le cadre de la formation Web@cadémie, démontrant l’utilisation d’API tierces, de fonctionnalités sociales et de gestion de contenus multimédia.
© zpilia — Tous droits réservés.
L’usage, la reproduction ou la distribution sont soumis à autorisation.
Previously On is a full web application using React (frontend) and Node.js/Express (backend) to help users manage their favorite TV shows through the official BetaSeries API.
🧩 Created by zpilia and Emilie20000
Developed during the Web@cadémie training program
A complete platform to:
- Track TV show progress
- Add shows to personal list
- Get personalized recommendations
- Interact with fellow series lovers
- Login with BetaSeries account
- Secured API access via credentials
- Browse all series
- Detailed show pages (description, seasons, rating, cast…)
- Mark watched / unwatched episodes
- Archive / unarchive series
- Actor listing
- Similar show suggestions
- Comment on episodes (in progress)
- Friends list
- Add, remove, block users
- User search
- Friend request management (upcoming)
- Homepage: Top 10 shows
- Review like/dislike
- Frontend: React + Tailwind CSS
- Backend: Node.js + Express
- Language: JavaScript
- API: BetaSeries
- Clone the repository
git clone git@github.com:EpitechWebAcademiePromo2025/W-SPE-502-LIL-2-1-previously-zoe.pilia.git
cd previously-on- Create a
.envfile in/server
CLIENT_ID=88cd03e6dd58
CLIENT_SECRET=d3876f87a9776363b611b49b279303b0
REDIRECT_URI=http://localhost:5001/auth/callback- Start Backend
cd server
npm install
npm start- Start Frontend
cd client
npm install
npm start
Created by zpilia and Emilie20000
Built during the Web@cadémie program to demonstrate third-party API usage and social media integration.
© zpilia — All rights reserved.
Use, reproduction or distribution requires authorization.