CodeLearn — Impara a Programmare | Versione 1.0.2h-2

---

la versione 1.0.2i è in fase di sviluppo. (fix della streack non funzionante)

la versione 1.0.2j è in fase di sviluppo. (fix di alcuni badge non funzionanti...)

---

🚀 Caratteristiche

• 10 linguaggi di programmazione — Python, JavaScript, Java, Kotlin, Swift, C#, C++, C, PHP, HTML
• 100+ lezioni — teoria, esercizi pratici, quiz e progetti
• Editor di codice integrato — con syntax highlighting per tutti i linguaggi
• Gamification — XP, livelli, badge, streak giornalieri, sfide
• Percorsi di carriera — Frontend, Backend, Mobile, Full Stack, Systems, Game Dev
• Classifica — confrontati con altri studenti
• PWA + APK Android — installabile su iOS (via Safari -> deploy necessario per ultima versione, altrimenti usa la demo) e Android (via APK)

---

💽 Prova Versione Demo

L'app viene deployata automaticamente su Vercel e accessibile da qualsiasi browser moderno senza bisogno di installare niente, funziona su tutti i sistemi operativi (dal link)

https://code-learn-ruddy.vercel.app/

(se la versione è su sfondo arancione allora aprendo il link potrai usare una pre-release, se invece ha lo sfondo azzurro allora vuoldire he aprendo il link userai una release stabile)

https://codelearn-73ci.arcada.app

N.B. la contiene molti bug durante l' esecuzione di vari percorsi (impossibilità di completarli). Quindi se ti interessa usarla come si deve consiglio di usare la demo della oppure di scaricarti sempre l'ultima versione o fare da te il deploy

---

📦 Installazione (Windows/Mac/Linux)

Prerequisiti

• Node.js 20+
• npm
• java jdk 21

Clona e avvia

git clone <repo-url>
cd codelearn
npm install
npm run dev

L'app sarà disponibile all'indirizzo http://localhost:5173.

---

🤖 Build APK Android

Prerequisiti

• JDK 21
• Android SDK (platform-tools, platform android-34, build-tools 34.0.0)

Comandi manuali

npm install
npm run build
npx cap sync android
cd android
./gradlew assembleDebug

L'APK si troverà in android/app/build/outputs/apk/debug/app-debug.apk.

se dopo queste belle istruzioni che ho scritto con fatica e impegno continui a non avere capito niente ti consuglio di usare Claude AI (gratuita) per fare tutto.

---

📱 APK Prebuildato

Mi trovi alla pagina delle

---

📁 Struttura del progetto

codelearn/
├── src/
│   ├── components/     # Componenti React
│   ├── context/        # Stato globale (progressi, utente)
│   ├── data/           # Dati corsi e lezioni
│   ├── lib/            # Utility e icone
│   ├── App.tsx
│   └── main.tsx
├── android/            # Progetto Android (Capacitor)
├── public/             # Asset statici
├── capacitor.config.ts
├── vite.config.ts
├── tailwind.config.js
└── package.json

---

🎯 Stack Tecnologico

Tecnologia	Uso
Vite	Build tool
React 19	UI framework
TypeScript	Tipizzazione
Tailwind CSS v4	Styling
Framer Motion	Animazioni
React Router	Navigazione
Lucide React	Icone
Capacitor	Wrapper mobile nativo

---

📝 Licenza

GNU GPL v3.0