Repository for a social media app project, 2022/2023 university of Bologna
Gestire la logica per il messaggio popolare
Creare un endpoint autenticato che permetta l'eliminazione dell'account
C'è una cosa che dovrebbe essere fatta per l'app, dovremmo dividere la parte di mostrare i componenti e la parte di layout (quindi ad esempio in questo caso le 3 colonne, il fatto che scompaiano quando ci accedo, un pò per organizzazione e un pò per compatibilità con react router.
https://reactrouter.com/en/main/start/concepts#rendering (spiega il concetto dei layout routes, praticamente fa rendering innestato, assumento che quello superiore sia di layout)
Abbiamo la feature che ogni tot tempo manda aggiornamenti realtime, quindi un worker clientside sarebbe otttimo
La app deve poter mandare messaggi temporizzati:
implementare una API o simili che permetta di fare questo
Secondo me dovremmo riscrivere la route di questi api
Message per la creazione forse avrebbe più senso pettere message/create topo
mentre per login avrebbe senso metterci user prima
Creazione della pagina per creare un utente.
Biogna intefacciarsi con le api del server
Attualmente lo user che viene creato ha sempre 1 come suffisso anche se non ci sono altri utenti che gli hanno già preso ilnome
Bisogna creare nella parte del router una serie di checks, questi checks devono guardare se è autenticato o meno, e se hanno bisogno di autenticazione fare redirect nella pagina di login.
Geolocazione fittizia: il SMM può cliccare in una posizione qualunque della
mappa e mandare uno squeal geolocalizzato lì.
Attualmente abbiamo un sacco di pagine che invece dovrebbero essere incorporate nelle views, o comunque in altro modo.
Credo il fatto che vengano tutte messe come pagine possa inficiare sull'usabilità, dovremmo pensare un pò di più a questa parte di UI. Il codice non sta diventando più gestibile.
E anche la parte del monitoraggio degli squeals. (quindi numero di likes, popolarità, è molto simile al trend, solo che questa parte non necessariamente ha grafici gredo)
Trend dei post del VIP: grafici con andamenti storici di popolarità, numero di
reply, frequenza di post, ecc
Requisiti:
Stavo leggendo le docs di react sugli hooks: https://react.dev/learn/reusing-logic-with-custom-hooks#extracting-your-own-custom-hook-from-a-component
in particolare la cosa interessante è fare hook custom per andare a fetchare le cose, e tenersi lo stato di qualcosa, dicon rende molto più clean e secondo me avrebbe senso.
Bisogna cambiare l'interfaccia dei post in modo che quando clicchi su un messaggio si apra un thread di risposte, ispiratevi a twitter.
Per trovare le reazioni degli utenti (e.g. cliccando sul pollice in su) dovremmo mandare una richiesta put ad un endpoint che troveremo. https://datatracker.ietf.org/doc/html/rfc7231#section-4.3.4 put per questo motivo
Per fare le api abbiamo visto altri metodi fattibili come:
Nella applicazione vue dobbiamo andare a gestire lo stato:
Metterci in pratica un pennarellino per modificare l'username
Abbiamo notato che con TSOA i tipi come Pick generano cose molto brutte, non avrebbe senso creare una interfaccia a parte che vada a descrivere questo? O comunque trovare altro fix per sta cosa.
Da capire come fare, perché bisogna aggiornare un post?
Potrebbe essere una buona soluzione fare:
Si può tenere un modal, o simile che abbia 3 entries per mostrare iil numero dei caratteri residui
giornalieri, settimanali o mensili (in questo modal ci mettiamo anche button per link alla pagina per comprare quota)
Nel giornaliero mettiamo anche qualcosa tipo 13/QUOTA GIORNALIERA mentre scrivi
Trasparenza su cosa ha aumentato la quota??? Lo mostriamo all'utente?
Avere una UI per gestire e comprare le quota
Dovremmo definire una funzione più userfriendly per mostrare gli errori, attualmente maggior aprte degli errori che mostriamo sono tutti abbastanza tecnici.
Alcuni errori che possono esserci?
Se trovate altri aggiungete.
Questo mi sembra molto figo
https://next-auth.js.org/getting-started/example
Sembra che la libreria di autenticazione maggiormente consigliata sia passport.js, ma anche quella vista peggio
Discussione: https://www.reddit.com/r/node/comments/vbuv2s/passportjs_alternatives_in_2022/
Creare un endpoint autenticato che permetta il cambio password
Mongoose nello schema ha anche dei fields che facciano una validazione, vedere qui:
https://mongoosejs.com/docs/validation.html
Sarebbe una buona cosa aggiungere questi validatori agli schema chea bbiamo (esempio minimo numbero di reactions positive o negative, oppure enum per i ruoli etc.)
Attualmente se il JWT fa expire non facciamo niente, le richieste falliscono e basta, non credo dovrebbe essere questo il comportamento
Collegato con #20, bisogna implementare una API che permetta la risposta a dei messaggi, che sono leggermente differenti rispetto a pubblicazione di messaggi.
Questi messaggi non sono visibili all'esterno, si vedono solo quando apri il thread.
lo user SMM deve essere in grado di switchare il cliente VIP da client side
Un bottone o qualunque altra logica utile per gestire il cambio di utente dalla parte di UI.
Creare un endpoint autenticato che permetta comprare le quota.
Bisogna trovare anche un modo per capire come gestire i soldi finti??
Provare a vedere se stripe si può mockare se sì si può utilizzare quello per farlo più facsimile possibile.
Creare schema per mostrare i canali, e in più aggiungere questi API:
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
