(impara le basi della programmazione)
Con il prossimo aggiornamento è previsto un sistema "Cloud" basato sul tuo username che ti permetterà di sincronizzare i progressi fatti tra i vari dispositivi con cui hai fatto l' accesso.
Di conseguenza è anche prevista una "Modalità ospite" la quale non salva il tuo username e progressi sul Cloud ma li elimina non appena chiudi l'app/finestra del browser. La modalità ospite sarà attivabile digitando
-TEMPalla fine del tuo nome.
- 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,sfida giornaliera,easter egg.
- 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)
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 e/o fare da te il deploy
- Node.js 20+
- npm
- java jdk 21
git clone <repo-url>
cd codelearn
npm install
npm run devL'app sarà disponibile all'indirizzo http://localhost:5173.
- JDK 21
- Android SDK (platform-tools, platform android-34, build-tools 34.0.0)
npm install
npm run build
npx cap sync android
cd android
./gradlew assembleDebugL'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.
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
| 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 |
GNU GPL v3.0