- Web application designed for the secondhand market
- Created as part of the 'Einführung in die Webtechnology' lecture at RWTH University.
gruppe11-final_small.mp4
- Frontend: Angular (TypeScript, SCSS)
- Backend: Node JS
- Database: MongoDB
- Register
- Login (Authentication)
- Manage my posts
- Create
- Read
- Update
- Delete
- Browsing and searching for items
- Web version
- Mobile version
Frontend
- Erstellen UI : Login Page / Signup Page / Header Component
- Verbindungseinstellungen für den Anschluss des Client- und Server-Seite
Backend
- Aufbau von Server mit NodeJS
- Verbindung mit MongoDB als Dabtabase
- User verwalten: Register / Login
- Post verwalten: CRUD Funktion
- Hashing password: Verbesserte Sicherheit
- Verwaltung der Authentication - PassportJS Module
- Erstellen Design system und Prototype (mit Figma)
- Create Komponent : product-cardlist / main navigation / float button
- Create Page : main page / after search page / my page
- Create card model
- Routing from main page to card list and detail page
- Set Guard Routing
- Data binding from main page to card list and detail page mit card CRUD service
- Feature Search function mit share data service
- Refactor Header service
- Überprüfen und Vereinheitlichung der Mediaquery Spec für Mobilgeräte
- Workflow von den gesamten Seiten erstellen
- Card Model erstellen
- Detailinformationsseite von einem Produktpost erstellen
- Prüfungsfunktionen, ob die eigegebenen Daten gültig sind
- Logout Btn und Funktionen implementieren
Frontend
- Erstellen der Produktregisterseite
- Vorschau für die Bilddatei
- Übertragen der Produktinformationen in die Datenbank
- Verbindung der CRUD funktion für die Anzeigen
- Routing zur Produktregisterseite
Backend
- Speichern der Bilddatei in lokalen Ordner