Një aplikacion web modern dhe interaktiv për menaxhimin e universitetit, ndërtuar me JavaScript vanilaj, HTML dhe CSS. Në zhvillim nga 2024.
Ky projekt është një sistem i plotë për menaxhimin e universitetit me këto veçori:
- 📚 Menaxhimi i Studentëve dhe Fakultetit
- 📊 Paneli i Administrimit
- 🔐 Sistem i Sigurt i Hyrjes
- 📰 Portali i Lajmeve
- 🏆 Shfaqje Projektesh
- 👥 Drejtoria e Personelit
- 📞 Sistemi i Kontaktit
- 📈 Menaxhimi i Hierarkisë
- UI Interaktiv me animacione të rrjedhshme dhe efekte ripple
- Dizajn Responsiv - Funksionon në desktop dhe në pajisjet mobile
- Autentifikimi i Sigurt - Sistem hyrje me fjalëkalim të mbrojtur
- Paneli Admin - Menaxhoni përdoruesit, përmbajtjen dhe cilësimet e sistemit
- Navigimi Dinamik - Navbar inteligjent me scroll të rrjedhshëm
- Regjistrim Ngjarjesh - Ndiqni aktivitetet e përdoruesit dhe ngjarjet e sistemit
- Përditësime Real-time - Lajme në live dhe njoftime të menjëhershme
- Rikuperimi i Fjalëkalimit - Funksionaliteti për rivendosjen e fjalëkalimit
- Frontend: HTML5, CSS3, JavaScript Vanilaj
- Ruajtja e të Dhënave: JSON (simulim i ruajtjes lokale)
- Dizajni: CSS i personalizuar me animacione dhe tranzicione
- Ikonat & Asetet: Grafika SVG dhe optimizim imazhesh
- IDE: WebStorm (JetBrains) me shumë plugins për ndreqjen e kodit (linters, formatters, code quality tools, etj.)
Ky projekt është ndërtuar me inspirim dhe udhëzim nga këto tutorial YouTube:
| Tema | Video | Kanal |
|---|---|---|
| Inspirimi Kryesor | Shiko | YouTube |
| Siguria dhe Praktika të Mira | Shiko | YouTube |
| Zhvillimi i Navbar | Shiko | YouTube |
| Efektet Ripple.js | Shiko | YouTube |
| Sistemi i Hyrjes (1) | Shiko | YouTube |
| Sistemi i Hyrjes (2) | Shiko | YouTube |
| Sistemi i Hyrjes (3) | Shiko | YouTube |
Përdorni këto kredenciale për të testuar aplikacionin:
| Përdoruesi | Fjalëkalimi | Emri | Roli | |
|---|---|---|---|---|
besmir |
admin1234 |
besmiribr77p@gmail.com | Besmir Ibrahimi | Studenti |
student1 |
password123 |
student1@universiteti.com | Ardit Kelmendi | Studenti |
student2 |
pass123 |
student2@universiteti.com | Marigona Hoxhaj | Studenti |
| Përdoruesi | Fjalëkalimi | Emri | Roli | |
|---|---|---|---|---|
prof1 |
prof123 |
prof1@universiteti.com | Prof. Dr. Albin Krasniqi | Profesor |
prof2 |
prof123 |
prof2@universiteti.com | Prof. Dr. Shkelzen Kelmendi | Profesor |
| Përdoruesi | Fjalëkalimi | Emri | Roli | |
|---|---|---|---|---|
admin |
admin123 |
admin@universiteti.com | Admin User | Admin |
web/
├── README.md # Dokumentacioni i projektit
├── reaDEme.me # Dokumenta origjinale
│
├── 📂 html/ # Faqet HTML kryesore
│ ├── home.html # Faqja ballina (Home)
│ ├── loginpage.html # Faqja e hyrjes
│ ├── paneliiadminit.html # Paneli i administrimit
│ ├── paneliiadminit_fixed.html # Paneli admin (versioni i fiksuar)
│ ├── departamentet.html # Faqja e departamenteve
│ ├── hiearkija.html # Hierarkia e universitetit
│ ├── stafi.html # Drejtoria e stafit
│ ├── projektet.html # Shfaqja e projekteve
│ ├── lajmet.html # Seksioni i lajmeve
│ ├── paslogi.html # Portali pas hyrjes
│ ├── pema.html # Pema e kurikulum
│ ├── pemaeuniveritetit.html # Pema e universitetit
│ ├── apliko.html # Forma e aplikimit
│ ├── kontakt.html # Faqja e kontaktit
│ ├── ne.html # Faqja për ne
│ ├── forgot.html # Forma për harrimin e fjalëkalimit
│ ├── reset.html # Forma për rivendosjen e fjalëkalimit
│ ├── web1.html # Faqja web 1
│ └── 📂 backup/ # Backup i faqeve HTML
│ ├── apliko.html
│ ├── departamentet.html
│ ├── forgot.html
│ ├── hiearkija.html
│ ├── home.html
│ ├── kontakt.html
│ ├── lajmet.html
│ ├── loginpage.html
│ ├── ne.html
│ ├── paneliiadminit.html
│ ├── paneliiadminit_fixed.html
│ ├── paslogi.html
│ ├── pema.html
│ ├── pemaeuniveritetit.html
│ ├── projektet.html
│ ├── reset.html
│ ├── stafi.html
│ └── web1.html
│
├── 📂 css/ # Stilet CSS të të gjithë faqeve
│ ├── style[krejtktu].css # Stili kryesor i plotë
│ ├── common.css # Stilet e përbashkëta
│ ├── auth.css # Stilet për autentifikimin
│ ├── home.css # Stilet e faqes home
│ ├── logincss.css # Stilet e faqes login
│ ├── paneliiadmini.css # Stilet e panelit admin
│ ├── departamentet.css # Stilet e departamenteve
│ ├── styledepartament.css # Stilet shtesë të departamentit
│ ├── hiearkija.css # Stilet e hierarkisë
│ ├── stylehiearkija.css # Stilet shtesë të hierarkisë
│ ├── stafi.css # Stilet e stafit
│ ├── projektet.css # Stilet e projekteve
│ ├── lajmet.css # Stilet e lajmeve
│ ├── paslogi.css # Stilet e portalit pas hyrjes
│ ├── pema.css # Stilet e pemës
│ ├── pemaeuniveritetit.css # Stilet e pemës të universitetit
│ ├── apliko.css # Stilet e formës së aplikimit
│ ├── kontakt.css # Stilet e faqes kontakt
│ ├── ne.css # Stilet e faqes për ne
│ ├── forgot.css # Stilet e formës për harrimin
│ ├── reset.css # Stilet e formës reset
│ ├── web1.css # Stilet e web1
│ ├── 📂 backup/ # Backup i stileve
│ └── 📂 css/ # Nënfolde CSS shtesë
│
├── 📂 js/ # Logjika JavaScript
│ ├── login.js # Logjika e autentifikimit
│ ├── admin-panel.js # Funksionaliteti i panelit admin
│ ├── nav.js # Logjika e navigimit
│ ├── home.js # Logjika e faqes home
│ ├── departamente.js # Logjika e departamenteve
│ ├── stafi.js # Logjika e stafit
│ ├── hiearkija.js # Logjika e hierarkisë
│ ├── projektet-filter.js # Filter për projektet
│ ├── lajmet-filter.js # Filter për lajmet
│ ├── paslogi-portal.js # Logjika e portalit pas hyrjes
│ ├── kontakt.js # Logjika e formës kontakt
│ ├── kontakt-form.js # Shëndrruesja e kontaktit
│ ├── forgot-password.js # Logjika e harrimit të fjalëkalimit
│ ├── reset-password.js # Logjika e rivendosjes
│ ├── web1.js # Logjika e web1
│ ├── interactive-bg.js # Animacione të sfondit
│ ├── logo-manager.js # Menaxhimi i logove
│ ├── ticker.js # Ticker i lajmeve
│ └── eventlog.js # Regjistrim i ngjarjeve
│
├── 📂 data/ # Skedarët e të dhënave
│ ├── loginbs.json # Kredencialet e përdoruesit (JSON)
│ ├── login.sql # Skema e bazës SQL
│ └── aigenretetext.txt # Tekst i gjeneruar nga AI
│
├── 📂 foto/ # Skedarë mediash
│ └── harvard-university-cambridge-usa_1268-14363.avif
│
└── 📂 backup/ # Backup të përgjithshëm
└── [Kopje të skedarëve të rëndësishëm]
- Browser modern (Chrome, Firefox, Safari, Edge)
- Nuk kërkohet instalim - JavaScript i pastër
- Klononi depozitorin
git clone https://github.com:besmiribrahimi/websitee-true.git
cd websitee-true- Hapeni në browser
# Hapni skedarin HTML drejtpërdrejt
open html/home.html
# ose
start html/home.html # Windows- Ose përdorni një server lokal
# Duke përdorur Python 3
python -m http.server 8000
# Duke përdorur Node.js
npx http-server
# Vizitoni http://localhost:8000- Emrat e përdoruesve (p.sh., Besmir Ibrahimi, Ardit Kelmendi)
- Emrat e departamenteve ("Drejtime", hierarkia organizative)
- Titujt akademikë dhe përshkrimet
- Lënda dhe përmbajtja
Janë gjeneruar duke përdorur AI (Inteligjencën Artificiale) për qëllime demonstruese. Këto nuk janë persona realë apo departamente universitetare të vërteta.
| Faqja | Përshkrimi |
|---|---|
| 🏠 Ballina | Faqja hyrëse me informacion të universitetit |
| 🔑 Hyrje | Faqja e sigurt e autentifikimit |
| 📊 Paneli Admin | Tabela kontrolli për administratorët |
| 🏢 Departamentet | Shikimi dhe menaxhimi i departamenteve |
| 👨🏫 Stafi | Drejtoria e stafit dhe profile |
| 📚 Projektet | Shfaqje projektesh të studentëve/fakultetit |
| 📰 Lajmet | Lajmet e universitetit dhe njoftimet |
| 👥 Hierarkija | Struktura organizative |
| 💼 Aplikuesi | Aplikime të studentëve/stafit |
| 📞 Kontakti | Forma kontakti dhe informacion |
| 🔒 Siguria | Veçoritë e rikuperimit të fjalëkalimit |
- UI Modern me dizajn të pastër dhe profesional
- Animacione të Rrjedhshme duke përfshirë efekte ripple dhe tranzicione
- Elementë Interaktivë për më shumë angazhim të përdoruesit
- Lejon Përgjigje përshtatet me të gjitha madhësitë e ekranit
- Gati për Dark Mode variablat CSS për ndërrimin e temës
- Konsiderime të enkriptimit të fjalëkalimit
- Validim i sigurt i hyrjes
- Menaxhimi i seancës
- Kontroll i hyrjes bazuar në rolin e admin-it
- Mbrojtja CSRF e gatshme
Kontributet janë të mirëpritura! Mos ngurroni të:
- Bëni fork të depozitorit
- Krijoni degën tuaj të veçorisë (
git checkout -b feature/emails.txt) - Konfirmoni ndryshimet tuaja (
git commit -m 'Shtoj ndonjë mail') - Shtyjeni në degën (
git push origin feature/VeçoriaFamtaze) - Hapni një Pull Request
Ky projekt është licencuar nën licencën MIT - shikoni skedarin LICENSE për më shumë detaje.
Besmir Ibrahimi
- Email: besmiribr77p@gmail.com
- GitHub: @besmiribrahimi
- Fillesa: 2024
- Statusi Aktual: Në Zhvillim Aktiv
- Përditësim i Fundit: Janar 2026
- Nevojitet integrimi i Backend API-je
- Migrimi i bazës së të dhënave nga JSON
- Sistemi i njoftimeve me email
- Autentifikimi me dy faktorë
- Versioni i aplikacionit mobile
- Optimizimi i performancës
Për mbështetje, pyetje ose sugjerime, ju lutemi kontaktoni: besmiriibr77p@gmail.com
- Të gjithë krijuesit e mrekullueshëm të tutorialeve në YouTube
- Komunitetit të kodit të hapur
- Inspirimi nga sistemet moderne të menaxhimit të universitetit
Bërë me ❤️ nga Besmir Ibrahimi
⭐ Nëse e gjeni këtë projekt të dobishëm, ju lutem jepini një yll!