eimerreis / 2wei-wall Goto Github PK

• Players Profile
• Matchday (TVR vs XY)
• Current Table
• Opponent Team as Table

Instead of having to use react css objects, use styled components.

To do so, we need to generate the stylesheets out of styled components and add it to the HTML, which we render using react dom

https://styled-components.com/docs/advanced#server-side-rendering

• Host socket.io Instance with ability for others to connect

Using Node.js. Could look smth. like this

const slides = [
{ "id": "tvr-players", "duration": 30 },
{ "id": "opponent-players", "duration": 30 },
...
]

use framer motion to animate between pages

• might be easy to achieve using AnimatePresence component
• use variants to create a staggered effect of items on a page

• Hosting on Azure App Service
• Tokenization of .env files
• Tokenization of Frontend Config