Public Access
c8f1d66cd25cf5fa231633e7f93fc89a0b3b7615
Introduce internationalization and basic routing: add i18n initialization (src/i18n.js), translation files (public/i18n/en.json, de.json), and wire i18n into the app (import in main.jsx). Update App.jsx to use react-router (BrowserRouter, Routes) and react-i18next (useTranslation), provide simple Landing/Login/Imprint pages, a language toggle and a dark-mode toggle. Add dependencies in package.json (i18next, i18next-http-backend, react-i18next, react-router-dom) and small Tailwind style tweak (custom-variant for dark) in src/style.css.
To Be Played - Frontend
A modern web application to manage your game backlog, built with React and Vite.
🚀 Tech Stack
- Framework: React
- Build Tool: Vite
- Styling: Tailwind CSS 4
- Icons: Material Design Icons (MDI)
📂 Project Structure
├── public/ # Static assets (favicons, icons)
├── src/
│ ├── assets/ # Images and global media
│ ├── components/ # Reusable React components
│ ├── App.jsx # Main application layout and entry component
│ ├── main.jsx # App initialization (React DOM, Styles)
│ └── style.css # Global Tailwind and custom CSS
├── index.html # Entry HTML file
├── package.json # Dependencies and scripts
└── vite.config.js # Vite configuration
🛠️ Development
Setup
npm install
Start Development Server
npm run dev
Build for Production
npm run build
Languages
JavaScript
96.7%
CSS
3.2%