Benvenuto in MegaAd, uno strumento web responsive e moderno per tracciare turni, mana e statistiche dei personaggi in tempo reale.
Questo progetto è una Web Application pura sviluppata con tecnologie all'avanguardia:
- Vite (Build tool ultra-veloce)
- React 18 & TypeScript
- Tailwind CSS (Styling responsive)
- shadcn/ui (Componenti UI premium)
Per eseguire l'applicazione sul tuo computer locale, segui questi semplici passaggi:
Assicurati di avere installato Node.js (consigliata versione LTS).
-
Installa le dipendenze:
npm install
-
Avvia il server di sviluppo:
npm run dev
Questo avvierà un server di sviluppo locale. Troverai l'app all'indirizzo
http://localhost:5173(o simile). -
Crea la build per la produzione:
npm run build
Questo compilerà l'applicazione e genererà i file statici HTML/CSS/JS all'interno della cartella
dist/, pronti per essere pubblicati online.
Puoi rendere questa applicazione accessibile a chiunque online a costo zero utilizzando uno dei seguenti servizi di hosting statico consigliati:
- Crea un account gratuito su Vercel.
- Carica questo progetto su un repository GitHub.
- Su Vercel, clicca su Add New > Project e seleziona il tuo repository GitHub.
- Vercel riconoscerà automaticamente il progetto come Vite. Clicca su Deploy.
- Fatto! Il tuo sito sarà online in pochi secondi con un URL pubblico gratuito (es.
nome-progetto.vercel.app).
- Carica il progetto su un repository GitHub pubblico.
- Installa il pacchetto
gh-pagescome dipendenza di sviluppo:npm install -D gh-pages
- Nel tuo
package.json, aggiungi la proprietàhomepage:"homepage": "https://<tuo-username-github>.github.io/<nome-del-repo>"
- Aggiungi i seguenti script in
package.json:"predeploy": "npm run build", "deploy": "gh-pages -d dist"
- Esegui il comando di pubblicazione:
npm run deploy
- Abilita GitHub Pages nelle impostazioni del tuo repository su GitHub impostando come sorgente il branch
gh-pages.
- Framework: React con TypeScript
- UI Components: shadcn/ui
- Icone: Lucide React
- Gestione Stato & Query: @tanstack/react-query