Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/darioalbor/onepieceonline
Web Scraping a AnimeFLV para obtener todo el contenido de One Piece en tiempo real 🍖🏴☠️
https://github.com/darioalbor/onepieceonline
Last synced: 1 day ago
JSON representation
Web Scraping a AnimeFLV para obtener todo el contenido de One Piece en tiempo real 🍖🏴☠️
- Host: GitHub
- URL: https://github.com/darioalbor/onepieceonline
- Owner: DarioAlbor
- Created: 2024-07-19T05:23:35.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-20T20:44:36.000Z (4 months ago)
- Last Synced: 2024-07-21T13:45:48.170Z (4 months ago)
- Language: JavaScript
- Homepage: https://onepieceonline.vercel.app
- Size: 2.76 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 🍖🏴☠️ One Piece Online
[Español](readme.md) 
/ [Inglés](readme_en.md) 
## 📖 Sobre el proyecto
Este proyecto es un **Web Scraping** a los servicios de *AnimeFLV* para obtener todos los capitulos de One Piece y posteriormente su etiqueta IFrame dependiendo el reproductor que se seleccione.
## 🧠 Algoritmo
- Lista todos los capitulos tomando el más reciente desde la pagina de AnimeFLV.
- Los capitulos que no llega a obtener en el primer scraping (Debido a que la web los genera a medida que se scrollea) los genera en la respuesta JSON manualmente el controlador `getepisodecontroller.js` siguiendo la logica de los anteriores.
- Cuando se selecciona un controlador se ingresa al link del mismo y se obtiene el IFrame principal.
- En caso de que el reproductor principal no funcione, se pueden obtener los demás mediante Scraping a las etiquetas de opciones para así obtener el IFrame según la opción seleccionada.
- Se implementaron botones de busqueda, paginación y ordenamiento para mayor organización de los capitulos. También esto evita que se sobrecargue la pagina.
## 💻 Tecnologías usadas
Backend:
- **Framework:** Node.js
- **Scraping:** Puppeter
- **Gestor de paquetes:** NPM
Frontend:
- **Librería:** React
- **Componentes UI:** ChakraUI
- **Gestor de paquetes:** NPM
## 🚀 ¿Cómo deployarlo?
### Clonar el repositorio
1. Clona el repositorio desde GitHub: `git clone https://github.com/DarioAlbor/OnePieceOnline.git`
2. Navega al directorio del proyecto: `cd OnePieceOnline`
### Configurar y arrancar el servidor
1. Navega al directorio del servidor: `cd backend`
2. Instala las dependencias: `npm install`
4. Inicia el servidor: `npm start`
### Configurar y arrancar el cliente
1. Navega al directorio del cliente: `cd frontend`
2. Instala las dependencias: `npm install`
3. Navega entre los archivos `./pages/index.jsx`, `./components/episodemodal.jsx` y modifica la url por la de tu backend.
4. Inicia el cliente: `npm start`
¡Disfruta!
## ✨ Deployado utilizando
Frontend: [Vercel](https://vercel.com)
Backend: [Render](https://render.com)
## 📬 Contacto
Puedes contactarme mediante mi [portafolio](https://darioalbor.dev.ar).
También puedes contribuir al proyecto sumando nuevas ideas o líneas de código. ¡Toda ayuda es bienvenida!
## 📸 Imágenes
|  |  |
|:------------------------------------------:|:----------------------------------------------------:|
| Inicio | Selección de episodio |
|  | ![]() |
|:------------------------------------------:|:----------------------------------------------------:|
| Vista previa episodio | |