Semplice pagina di informazione per sapere se e quando è uscito Joypad, il podcast a tema videoludico di Matteo Bordone (Corri!), Francesco Fossetti (Salta!) e Alessandro Zampini (Spara! per finta).

Overview

Build Docker and push to registry

Build Docker and push to registry (Django)

CodeQL

È uscito Joypad?

Semplice pagina di informazione per sapere se e quando è uscito Joypad, il podcast a tema videoludico di Matteo Bordone (Corri!), Francesco Fossetti (Salta!) e Alessandro Zampini (Spara! per finta).

La pagina è pubblicata qui: https://www.euscitojoypad.it/

Come partecipare al progetto

Per ora siamo ancora in fase di discussione su cosa effettivamente vogliamo aggiungere al progetto. Le discussioni si tengono in pubblico, qui su GitHub nella pagina Discussions.

Ho attivato la pagina delle donazioni per sostenere eventuali costi di trascrizione degli episodi o di infrastruttura.

Per ora, tuttavia, non servono fondi quindi aspettate a donare.

Sviluppare in frontend in React

Per sviluppare il frontend, realizzato con React, occorre far partire due shell, la prima per eseguire il backend e la seconda per sviluppare il frontend.

Prima shell: backend (Docker)

  1. (su OSX è indispensabile installare l'ultima versione di Docker e abilitare le ottimizzazioni)

  2. fai fork del progetto da GitHub: https://github.com/pdonadeo/e-uscito-joypad

  3. entra nella directory del progetto:

    git clone [email protected]:TuoUsername/e-uscito-joypad.git

    cd e-uscito-joypad

  4. build dell'immagine: docker build -t e-uscito-joypad .

    (la prima volta potrebbe richiedere una decina di minuti)

  5. esegui il backend: docker run --rm -it -p 3000:3000 e-uscito-joypad

Questo farà partire un servizio sulla porta 3000. Per verificare che stia funzionando apri il browser su http://localhost:3000/

Seconda shell: frontend (React)

Qui do per scontato che si conosca lo sviluppo in ambiente Javascript e siano già installati tool come Yarn, Node.js e un editor adatto: io uso Visual Studio Code.

  1. entra nella directory del frontend:

    cd e-uscito-joypad/frontend/

  2. solo la prima volta: yarn install per installare tutte le dipendenze

  3. yarn start per far partire il server di sviluppo. Attenzione: Yarn si lamenterà che la porta di default (3000) è già occupata ed è vero perché il backend ascolta proprio su quella porta. Domanderà se usarne un'altra, rispondere Y. Si metterà in ascolto sulla prima porta disponibile, tipicamente 3001. Per verificare che stia funzionando vai col browser su http://localhost:3001/ .

A questo punto è possibile procedere col normale sviluppo del frontend, testando sulla porta 3001 anziché la 3000. A parte il numero della porta non cambia nulla rispetto al normale workflow.

Dettagli tecnici

Linguaggio e framework

L'applicazione è scritta in OCaml utilizzando lo splendido web framework Dream di Anton Bachin.

Docker

Se non sapete cosa siano OCaml o Dream potete fare una build di Docker senza sapere né leggere né scrivere:

$ docker build -t e-uscito-joypad .

Per eseguire l'immagine:

$ docker run --rm -it -p 3000:3000 e-uscito-joypad

Poi apri il browser su http://localhost:3000/

Comments
  • Rendering del file statico molto diverso dal rendering React: il layout ha un

    Rendering del file statico molto diverso dal rendering React: il layout ha un "flash" fastidioso

    Al primo accesso, qualsiasi browser desktop, la pagina si presenta così per 1 secondo circa Anche con un refresh. Ho fatto una ventina di refresh in modo compulsivo e si è proprio bloccata su questa vista e quindi ho potuto catturarla

    immagine

    opened by agofa 10
  • Ordinamento degli episodi trovati con ricerca non intuitivo

    Ordinamento degli episodi trovati con ricerca non intuitivo

    Gli episodi trovati usando la funzione di ricerca sono visualizzati per similarity crescente e priorita' (hard-coded) inversa, quindi non necessariamente in ordine cronologico (che va benissimo ;) ). Tuttavia, se a questo punto clicco su "ORDINA PER / Piu' recenti | Meno recenti", mi aspetterei un ordinamento cronologico, che invece non viene applicato.

    Per esempio,

    1. cerco il gioco "monkey island"
    2. i primi episodi ottenuti sono 55, 26, 47, 12 ...
    3. ordino per "Meno recenti" e ottengo episodi 52, 54, 50, 12, ...
    4. ordino per "Piu' recenti" e ottengo episodi 55, 26, 47, 12, ... (l'ordinamento di default)

    Trovo questo comportanto un po' controintuitivo. Che ne pensate di fare in modo che "ORDINA PER" sovrascrivi i criteri di ordinamento di default?

    opened by glenacota 7
  • Commenti su funzionalita' ricerca

    Commenti su funzionalita' ricerca

    (intanto grazie per questo progetto <3)

    1. (minor) il placeholder "Cerca un gioco..." nella barra di ricerca e' fuorviante: mi sembra di capire che la ricerca avvenga su tutti i campi, inclusa la descrizione, quindi e' possibile cercare per gioco, console, conferenza, sviluppatore, ... state considerando di limitare la ricerca ad un campo specifico in futuro? altrimenti, potreste suggerire altre chiavi di ricerca nel placeholder
    2. servono almeno 3 caratteri per inviare una ricerca al backend. Questo preclude ricerche di titoli tipo GTA, o a chiavi di ricerca tipo WII o E2 :P capisco la necessita' di limitare query al db, ma pensate sia un grosso problema?
    3. non chiedetemi perche' l'ho cercato, ma la chiave di ricerca "yadama" ritorna risultati che non contengono quella chiave (https://www.euscitojoypad.it/api/search-game/yadama). Non mi sembra che la ricerca fuzzy sia attivata (e.g., nessun idraulico in vista quando cerco https://www.euscitojoypad.it/api/search-game/mrio). Potrebbero esserci altri casi simili, qualche idea sul motivo?

    ciao e grazie ;)

    opened by glenacota 3
  • Campo

    Campo "Note" nella scheda "episodio"

    Credo sia utile un campo "note libere" nella scheda episodio Per esempio nell'episodio 3 viene citato un gioco, Sky (dal creatore di Journey) che non riesco a trovare in rawg Sarebbe utile poter annotare il problema per dare modo ad altri di fare la ricerca

    enhancement 
    opened by agofa 3
  • Parola che sembra un link ma non è un link

    Parola che sembra un link ma non è un link

    Pavlov sarebbe orgoglioso di me.

    Nella frase "È uscito l'episodio ..." , quel "episodio" sottolineato mi ha fatto cliccare millemila volte

    Vabbé ....

    UX 
    opened by agofa 3
  • Episodi invertiti in staging

    Episodi invertiti in staging

    Il video 2, quindi il secondo degli epicosi, è diviso in due parti. Nell'elenco che si vede in staging la seconda parte viene prima della prima (e vabbé)

    Screenshot_20220717-113430_Chrome.jpg

    opened by agofa 2
  • Errore di certificato

    Errore di certificato

    I siti web garantiscono la propria identità attraverso certificati. Firefox non considera questo sito attendibile in quanto utilizza un certificato che non è valido per www.euscitojoypad.it. Il certificato è valido solo per data-collector-2.4sigma.it.

    Codice di errore: SSL_ERROR_BAD_CERT_DOMAIN

    opened by n1k9 2
  • Attuale sito

    Attuale sito

    C'entra un piffero con questo sviluppo, quindi se ritenete, bruciate pure la issue Il fatto è che essendo uscito su Twitch e essendo che la pagina del post non è aggiornata, il sito attuale non si è ancora accorto che la puntat, l'episod, l'even ... insomma quel coso lì è uscito.

    opened by agofa 2
  • Un archivio di joypad?

    Un archivio di joypad?

    Ciao e grazie del lavoro svolto. Da qualche giorno volevo chiedere il tuo contatto per fare una proposta su un'idea che mi gira in testa da un po'. Mi piacerebbe fare una archivio di Joypad, in modo da poter andare a ritrovare gli episodi in cui si è parlato di un determinato titolo (perchè cercare una recensione è troppo facile, è più bello ascoltare un episodio del podcast) Ovviamente mettendomi a disposizione per sviluppare la cosa (o produrre un po' di dati) anche se non avrei voglia/tempo di studiare OCaml o molto altro che non sia angular in questo periodo.

    enhancement 
    opened by bionicco 2
  • Bump setuptools from 65.5.0 to 65.5.1 in /euscitojoypad_db

    Bump setuptools from 65.5.0 to 65.5.1 in /euscitojoypad_db

    Bumps setuptools from 65.5.0 to 65.5.1.

    Changelog

    Sourced from setuptools's changelog.

    v65.5.1

    Misc ^^^^

    • #3638: Drop a test dependency on the mock package, always use :external+python:py:mod:unittest.mock -- by :user:hroncok
    • #3659: Fixed REDoS vector in package_index.
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies python 
    opened by dependabot[bot] 1
  • Bump certifi from 2022.9.24 to 2022.12.7 in /euscitojoypad_db

    Bump certifi from 2022.9.24 to 2022.12.7 in /euscitojoypad_db

    Bumps certifi from 2022.9.24 to 2022.12.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies python 
    opened by dependabot[bot] 1
  • È uscito Star Citizen... statistics

    È uscito Star Citizen... statistics

    Discussed in https://github.com/pdonadeo/e-uscito-joypad/discussions/60

    Originally posted by Mascalian October 6, 2022 Ci pensavo dal primo giorno. Ma mi sembrava allora una cazzata colossale, rispetto al lavoro immane di riascoltarsi tutto e creare il DB. (a tal proposito, grazie!)

    Ma ora mi viene un'idea che posso popolare autonomamente:

    un grafico con la statistica della durata del pippone di Bordone per introdurre la fatidica domanda

    Autonomamente: mi smazzo io tutte le puntate per misurare il tempo.

    Ditemi se abbiamo modo di cacciare un grafichetto da qualche parte nel sito...

    enhancement 
    opened by pdonadeo 4
  • Includere i contennuti di

    Includere i contennuti di "Manettini"

    Promemoria da @zampale

    «due opzioni: se è indicizzato, lo ordina seguendo le stesse regole degli episodi (non serve che lo faccia puntare al paragrafo, basta che lo mette lì), se non è indicizzato, manettini non appare nella ricerca»

    opened by pdonadeo 0
  • Link diretto ad una ricerca

    Link diretto ad una ricerca

    Ciao, innanzitutto complimenti per il sito: gradevole c con tecnologie all'avanguardia (conosco un po' tutto quello citato). Vorrei includere qualche link del sito in dei mie aritcoli però non ho capito se si può fare e come. Porteste aggiungere un link "share" / "embed" per creare un link diretto ad una ricerca+ tab specifico di una puntata?

    enhancement UX 
    opened by daitangio 1
  • Scrollbar orizzontale presente inutilmente

    Scrollbar orizzontale presente inutilmente

    Il sito mostra una scrollbar orizzontale inutilmente, anche quando il browser è a schermo intero (testato su Chrome 104.0.5112.102 e Firefox 104.0.1).

    image

    Non ho esperienza con React però il problema scompare applicando la regola max-width:100%; al tag <body> (soluzione presa da qua se può servire)

    opened by paolozanchi 7
  • Nice to have: vista basata sui giochi

    Nice to have: vista basata sui giochi

    Il sito attuale elenca gli episodi e nei dettagli di un episodio i giochi citati

    Potrebbe essere comoda la vista complementare: elenco giochi e nei dettagli gli episodi in cui viene citato il gioco (figlia di quella che si vede nel retrobottega)

    enhancement 
    opened by agofa 2
Releases(v18)
The Sue Gray Alert System was a 5 minute project that just beeps every time a new article is updated or published on Gov.UK's news pages.

The Sue Gray Alert System was a 5 minute project that just beeps every time a new article is updated or published on Gov.UK's news pages.

Dafydd 1 Jan 31, 2022
Passive income method via SerpClix. Uses a bot to accept clicks.

SerpClixBotSearcher This bot allows you to get passive income from SerpClix. Each click is usually $0.10 (sometimes $0.05 if offer isnt from the US).

Jason Mei 3 Sep 01, 2021
Discord Token Nuker With Python

Discord token nuker a.k.a A$$Fvcker Setup For installing the requirements do this: pip install -r requirements.txt To start the Token nuker run this

PR3C14D0 8 Sep 22, 2022
Automatically Forward files from groups to channel & FSub

Backup & ForceSub Automatically Forward files from groups to channel & Do force sub on members Variables API_ID : Get from my.telegram.org API_HASH :

Arunkumar Shibu 7 Nov 06, 2022
Lambda-function - Python codes that allow notification of changes made to some services using the AWS Lambda Function

AWS Lambda Function This repository contains python codes that allow notificatio

Elif Apaydın 3 Feb 11, 2022
A Telegram bot that add a dynamic caption to musics

Music Channel Manager A Telegram bot that add a dynamic caption to musics Deploy to Heroku What is it ? It manage your music channel. With just adding

13 Oct 18, 2022
Asca - Antiscam Discord Bot With Python

asca Antiscam Discord Bot Asca moderates scammers and deletes scam messages Opti

11 Nov 01, 2022
The most Advanced yet simple Multi Cloud tool to transfer Your Data from any cloud to any cloud remotely based on Rclone.⚡

Multi Cloud Transfer (Advanced!) 🔥 1.Setup and Start using Rclone on Google Colab and Create/Edit/View and delete your Rclone config file and keep th

Dr.Caduceus 162 Jan 08, 2023
A python to scratch API connector. Can fetch data from the API and send it back in cloud variables.

Scratch2py Scratch2py or S2py is a easy to use, versatile tool to communicate with the Scratch API Based of scratchclient by Raihan142857 Installation

20 Jun 18, 2022
HelpDESK Dynamics

Helpdesk Application The project is a Helpdesk application (Helpdesk dynamics) where staff of an organization can raise and assign job/trouble tickets

Okeoma Ihunwo 0 Nov 14, 2021
a discord libary that use to make discord bot with low efficiency and bad performance because I don't know how to manage the project

Aircord 🛩️ a discord libary that use to make discord bot with low efficiency and bad performance because I don't know how to manage the project Examp

Aircord 2 Oct 24, 2021
Bulk NFT uploader to OpenSea!

Bulk NFT Uploader Description Simple easy peasy python script which logins to opensea account using metamask and bulk uploads NFT to your default coll

Lakshya Khera 25 May 23, 2022
Trading through Binance's API using Python & sqlite

pycrypt Automate trading crypto using Python to pull data from Binance's API and analyse trends. May or may not consistently lose money but oh well it

Maxim 4 Sep 02, 2022
Python 3 tools for interacting with Notion API

NotionDB Python 3 tools for interacting with Notion API: API client Relational database wrapper Installation pip install notiondb API client from noti

Viet Hoang 14 Nov 24, 2022
KalmanFilterExercise - A Kalman Filter is a algorithmic filter that is used to estimate the state of an unknown variable

Kalman Filter Exercise What are Kalman Filters? A Kalman Filter is a algorithmic

4 Feb 26, 2022
Utilizing the freqtrade high-frequency cryptocurrency trading framework to build and optimize trading strategies. The bot runs nonstop on a Rasberry Pi.

Freqtrade Strategy Repository Please test all scripts and dry run them before using them in live mode Contact me on discord if you have any questions!

Michael Fourie 90 Jan 01, 2023
Building and deploying AWS Lambda Shared Layers

AWS Lambda Shared Layers This repository is hosting the code from the following blog post: AWS Lambda & Shared layers for Python. The goal of this rep

Flaneer 7 Dec 02, 2021
Telegram music & video bot direct play music

Telegram music & video bot direct play music

noinoi-X 1 Dec 28, 2021
Repo-cloner - Script takes user public liked repos and clone it to a local folder

Liked repos cloner Script takes user public liked repos and clone it to a local

Aleksei 2 Jun 18, 2022
A telegram bot script for generating session string using pyrogram and telethon on Telegram bot

String-session-Bot Telegram Bot to generate Pyrogram and Telethon String Session. A star ⭐ from you means a lot to us! Usage Deploy to Heroku Tap on a

Wahyusaputra 8 Oct 28, 2022