OOP Challenge

Challenge: OOP Login Systeem

Bij deze Challenge kan je kiezen:

je maakt een OOP Login Systeem, of
je maakt een ToDo manager die je kan omzetten naar een mobiele applicatie

🌟 Leerdoelen

Je past klassen, objecten, constructors en methodes toe in een realistisch scenario.
Je gebruikt encapsulation om gebruikersgegevens te beveiligen.
Je slaat gebruikers op met PDO en hashed wachtwoorden.
Je maakt een registratie- en loginroutine in OOP-stijl.

💡 Opdrachtbeschrijving

Situatie: Je werkt bij een klein webbureau en een klant wil een eenvoudig maar veilig login-systeem laten bouwen in PHP. Je gaat dit project zelfstandig uitvoeren als een mini-challenge. Dit is een uitstekende kans om je OOP-vaardigheden te laten zien in je GitHub portfolio. Dat kan je helpen om sneller een stage of baan te vinden in de webdevelopment-sector!

Wat je gaat bouwen:

Een registratiepagina waar nieuwe gebruikers zich kunnen aanmelden
Een loginpagina waar gebruikers zich kunnen aanmelden
Beveiligde opslag van wachtwoorden via password_hash()
Gebruik van PDO voor communicatie met de database (bijv. SQLite of MySQL)

📄 Structuur en Klassen

Class User
- Properties: private $id, $username, $passwordHash
- Constructor stelt naam + wachtwoord in (en hashed het wachtwoord)
- Methode verifyPassword($plainText) vergelijkt met hash
- Getters voor getId() en getUsername()
Class UserDatabase
- Maakt verbinding via PDO (gebruik SQLite of MySQL)
- Methodes: addUser(User $user), findUserByUsername($name)
- Prepared statements verplicht!

🚀 Technische vereisten

Gebruik password_hash() en password_verify() voor wachtwoorden
PDO met prepared statements (geen ruwe SQL!)
Toon foutmeldingen bij fouten (bestaande user, fout wachtwoord, etc.)

🛠️ Bestanden

User.php – beschrijft de user zelf
UserDatabase.php – regelt opslag en ophalen
register.php – laat gebruiker registreren
login.php – laat gebruiker inloggen
login-success.php – pagina die je ziet na succesvol inloggen

🧠 Reflectie

Wat zijn de voordelen van wachtwoord hashing?
Waarom gebruiken we een aparte klasse voor opslag en een voor gebruikers?
Wat zou je uitbreiden als je dit systeem echt online wilde zetten?

📅 Bonus: Voor je portfolio

Zet dit project op GitHub met een korte uitleg in de README over hoe het werkt. Voeg schermafbeeldingen toe van het registratie- en loginproces. Dit is een mooi voorbeeldproject om te laten zien wat je kunt!

✨ Gebruik AI

AI gebruik op de juiste manier, zoals geleerd tijdens de lessen, is toegestaan en wordt zelfs aangemoedigd.

Het is wel verplicht om de AI log in te leveren en je moet je code kunnen uitleggen!

📄 Inleveren

AI log - alle hulp van AI inleveren!
SQL export.
Alle bestanden nodig voor jouw website.
Reflective in PDF
(Optioneel) Link naar je GitHub repository

Challenge: (mobiele) OOP ToDo Manager

🌟 Leerdoelen

Je past OOP toe in een realistisch webproject.
Je maakt meerdere klassen die met elkaar samenwerken.
Je gebruikt PDO en password hashing op een veilige manier.
Je bouwt een werkend mini-systeem dat je op GitHub kunt zetten.

💡 Opdrachtbeschrijving

Situatie: Een start-up wil een prototype van een eenvoudige "ToDo Manager" waarin gebruikers taken kunnen aanmaken, afvinken en verwijderen. Jij bouwt dit systeem in PHP met OOP. Dit is een mooie kans om een compleet mini-project te maken voor je GitHub portfolio — ideaal om te laten zien bij een sollicitatie voor stage of werk!

📄 Functionaliteiten

Registratiepagina: nieuwe gebruikers kunnen zich aanmelden
Loginpagina: gebruikers kunnen inloggen met hun wachtwoord
Taakpagina: ingelogde gebruikers kunnen taken toevoegen, afvinken en verwijderen
Alle data wordt opgeslagen in een database met PDO (SQLite of MySQL).

📱 Mobiele App (optioneel)

Als je de todo manager als een one-page-application (singe page application, SPA), dan kan je deze heel eenvoudig als mobiele ToDo manager omzetten.

Wat is een SPA?

Een one page applicatie (of Single Page Application, afgekort SPA) is een webapplicatie of website die uit één HTML-pagina bestaat en dynamisch inhoud laadt, zonder de hele pagina opnieuw te laden bij navigatie of interactie.

🔧 Hoe werkt het?

Bij een SPA:

Wordt bij het eerste bezoek één HTML-pagina geladen.
Daarna worden alleen delen van de pagina aangepast via JavaScript (meestal met behulp van frameworks zoals React, Vue of Angular).
Communicatie met de server gebeurt via AJAX of fetch()-aanroepen om data op te halen of op te slaan, vaak in JSON-formaat.

📄 Klassen

Class User
- Properties: $id, $username, $passwordHash
- Constructor en verifyPassword($plainText)
Class UserDatabase
- Maakt verbinding via PDO
- Methodes: addUser(), findUserByUsername()
Class Task
- Properties: $id, $user_id, $description, $completed
- Methodes: toggleCompleted(), getDescription(), isCompleted()
Class TaskManager
- Methodes: addTask(), getTasksByUser(), deleteTask(), toggleTask()
- Alle database-interacties via PDO met prepared statements