LeseOase

(Bücher-Web-App)

Ich habe diese Webapplikation entwickelt, um Benutzern zu helfen, nach Büchern zu suchen, sie zu Leselisten hinzuzufügen und ihren Lesefortschritt zu verfolgen.

Bei der Entwicklung dieser App folgte ich einem strukturierten Ansatz, um sowohl Funktionalität als auch Benutzerfreundlichkeit zu gewährleisten. Das Projekt umfasste mehrere Schlüsselphasen:

Anforderungserhebung und Planung
Ich begann mit der Identifizierung der Kernfunktionen, die für die App benötigt werden, wie z.B. die Buchsuche, die Listenverwaltung und die Verfolgung des Lesefortschritts. Ausserdem definierte ich den Benutzerfluss, um ein einfaches, intuitives Erlebnis zu gewährleisten.

Auswahl der Technologien
Die App wurde mit HTML, CSS, Javascript, React, Node.js, Express.js und MongoDB entwickelt. Ich habe diese Tools aufgrund ihrer Flexibilität, Benutzerfreundlichkeit und der Fähigkeit, dynamische Inhalte effizient zu verarbeiten, ausgewählt. Für die Verwaltung der Buchdaten habe ich die Google Books API integriert.

Design
Ich habe Wireframes erstellt, um das Layout und die Benutzeroberfläche zu entwerfen. Ich habe mich darauf konzentriert, das Design sauber und intuitiv zu gestalten, mit dem Schwerpunkt auf einfacher Navigation und minimalen Klicks zur Erfüllung von Aufgaben.

Entwicklung
Ich habe die Kernfunktionen der App entwickelt: eine Suchfunktion, die Buchdaten von der Google Books API bezieht, die Möglichkeit, Bücher zu Leselisten hinzuzufügen (am Lesen, zum Lesen, gelesen), und einen Fortschrittsanzeiger, um den Lesefortschritt jedes einzelnen Buches zu überwachen. Um die Benutzerfreundlichkeit zu erhöhen, habe ich eine Funktion implementiert, mit der die Benutzer ihre Passwörter sicher ändern oder zurücksetzen können, um eine zuverlässige Kontoverwaltung zu gewährleisten. Ausserdem fügte ich ein Kontaktformular hinzu, um eine direkte Kommunikation zu ermöglichen und den Nutzern eine nahtlose Möglichkeit zu bieten, sich mit Fragen oder Feedback zu melden. Dazu stellte ich sicher, dass die App auf allen Geräten reaktionsfähig und funktional ist.

Testen und Verfeinern
Nach dem ersten Build führte ich Tests durch, um sicherzustellen, dass die App wie erwartet funktioniert. Ich beseitigte Fehler, optimierte die Leistung und nahm Designanpassungen vor.

Bereitstellung und Wartung
Die endgültige App wurde online bereitgestellt, und ich überwache weiterhin ihre Leistung und plane mögliche künftige Aktualisierungen, z.B. zusätzliche Funktionen oder Verbesserungen auf der Grundlage von Benutzerfeedback.

Bei diesem Projekt lernte ich den Umgang mit der React-Bibliothek, die für die Entwicklung der App unerlässlich war. Ausserdem konnte ich meine Fähigkeiten in den Bereichen Full-Stack-Entwicklung, UI/UX-Design und Integration von Drittanbieter-APIs verbessern und gleichzeitig ein Tool entwickeln, das hoffentlich für die Leser nützlich ist.

Kenntnisse, Werkzeuge und Technologien, die ich in diesem Projekt verwendet habe:

• HTML5
• CSS3
• Javascript
• React
• Node.js
• Express.js
• NPM
• MongoDB
• Render
• Git
• Photoshop