diff --git a/README.md b/README.md index de8763d..e2f371b 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,51 @@ # RetroWave Studio 2010 -Eine bewusst nostalgische Website im Stil klassischer 2010er-Webseiten. +RetroWave Studio 2010 is a deliberately nostalgic website that recreates the look and feel of a classic 2010-era web presence. -## Starten +It uses Vite for the build pipeline and keeps the visual language on purpose: glossy panels, blue gradients, sidebar widgets, and a centered portal-style layout. -Einfach `npm run dev` starten. +## Development -Für den Produktionsbuild: +Install dependencies first: + +```bash +npm install +``` + +Start the local dev server: + +```bash +npm run dev +``` + +Create a production build: ```bash npm run build ``` -Die HTML-Ausgabe wird dabei über `html-minifier-terser` zusätzlich minimiert. +Preview the production build locally: -## Enthalten +```bash +npm run preview +``` -- `index.html` -- `vite.config.js` -- `src/main.js` -- `src/styles.css` +## Build Details -## Stilrichtung +The production build runs HTML minification through `html-minifier-terser` via the Vite config. -Glossy Panels, blaue Verläufe, Seitenleisten und ein zentriertes Portal-Layout. +## Project Structure + +- `index.html` - Vite entry document +- `vite.config.js` - Vite configuration and HTML minification hook +- `src/main.js` - application bootstrap +- `src/styles.css` - all page styling + +## Design Direction + +- Glossy UI panels +- Blue gradient navigation and buttons +- Sidebar-style information boxes +- A fixed-width, portal-like composition + +The result is intentionally not modern-minimal. It is meant to feel like a polished website from the late 2000s and early 2010s.