- 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)
L'app Γ¨ deployata 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/
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
- 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