bima42 / ft_transcendence Goto Github PK
View Code? Open in Web Editor NEWSingle Page Application Website. Last project of 42 School common core.
Single Page Application Website. Last project of 42 School common core.
We need to implement Dto for user model in backend
Interceptor
in order to cast return from prisma service into DtoUnauthorizedException
catch in front should logout and redirect the user for exampleThink about an "about us" link where it is explained what is the goal of the project, who we are and where we also welcome people to star the project if they like it !
no token
and disconnect/redirect the user to the login page. Also clear cookie and local storageWhen a user send a message in a chat, then change his avatar, his avatar is not updated on the chat, We have to refresh the page to update the avatar
https://localhost:4443/api
or https://localhost:4443/
, we need to set an env file for frontend and use those variablesEdit: We are already protected SQL injection thanks to Prisma. However, the following points would be nice to implement.
We have to validate each user input at least on the server side, and best would be on the client side too. And both side, we can use the JOI package to help use
pattern
attribute to all input field/index
/index
remove the lorem
Some things to add :
2fa :
true
We want to allow the user to upload a new avatar by the user profile view
What ?
elo
field to the userWhat ?
add
, remove
or block
/unblock
a user in front to use those endpoints. And accept
/decline
a friend requestCurrently, we return an empty JSON {}
. And the user is stuck there. We should redirect user to login page, or return a better error code, e.g. 403
To limit stupid users breaking the front
/
and should be redirected to /index
if already logged/
to log inBackend structure was bad. It had to be rebuilt
At the moment, there is a redirectHandler
which is used to delay the login system in order to not crash. This is not the good way to do it
Remove it and use something like suspens
instead
Check all the button and the sized to make it desktop usable. rn the title goes through the roof
In chatUserDetails.vue
Style the tooltip to display the informations we need inside of it.
Try to make it as a component.
Be careful beacause you want to emit the setInactive so try to find a way to make it clever between the components.
If you don't find any solutions to make it as components make it raw in the file and we will find a way later.
The avatar component already exists.
Keep things simple, use placeholder names for userName and userHighscore.
The Add friend button will be changed to a remove friend button.
The send a priv message button will be displayed only if the user is already a friend, but you can display it rn as backend will provide us this info later on.
As always, these are my ideas, you are free to do whatever you guys want and feel to, I am just trying to guide you
Cheers
win
and games played
to display in user profilewinrate
score in the profile, this field could be calculated in frontA 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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.