Skip to content

PiBOH/CodeLearn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

206 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

CodeLearn β€” Impara a Programmare | Versione 1.1.2c-3a - The Sync Update

il prossimo aggiornamento provvederΓ  a chiudere il bug descritto in questa issue -> versione 1.1.2d-X

Con l' aggiornamento dopo dopo la 1.1.2d-X Γ¨ prevista l'introduzione della dark mode -> versione 1.X.Xx-X

Vite React TypeScript Tailwind CSS Capacitor HTML5 Java JavaScript css Vercel App Hosting

Vercel Deploy GitHub Actions Workflow Status

Android Windows MacOS On-line

GitHub Release GitHub Release Date GitHub Downloads (all assets, all releases) GitHub Downloads (all assets, latest release) GitHub forks GitHub Repo stars GitHub last commit GitHub project issues

GitHub License


πŸš€ 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,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)
  • Sincronizzazione dei progressi fatti tra telefono e sito vercel

se vuoi solo provare l'app ti basta andare su questo sito e aggiungere la scritta -GUEST alla fine del tuo username.

se invece non vuoi che i tuoi progressi vengano salvati sul server, ma vangano salvati solo sul localhost aggiungi la scritta -LOCAL alla fine del tuo username.


πŸ’½ 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/
GitHub Release

(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
release

N.B. la release 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 GitHub Release oppure di scaricarti sempre l'ultima versione e/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 GitHub Release

Mi trovi alla pagina delle release.

N.B. Γ¨ sconsigliato utilizzare il file apk su Android 11 e precedenti perchΓ© non carica correttamente la grafica (vedi gli screenshot. Se vuoi usarla su queste versioni ti consiglio di utilizzare la demo.


πŸ“ 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