Git Product home page Git Product logo

movie-app's Introduction

Capstone-Projekt "Movie-app"!

Mein Capstone-Projekt für den Abschluss bei der "neue-fische School and Pool for Digital Talent" ist die "Movie-app". Dieses Projekt habe ich am Ende meines Kurses entwickelt und in IntelliJ IDEA als Monorepo konfiguriert.

Backend-Technologien und Werkzeuge:

  • Spring Initializr: Zur Grundkonfiguration des Projekts.
  • Java (OpenJDK 21): Als Programmiersprache.
  • Maven: Für das Build-Management.
  • JAR: Als Paketformat.
  • Spring Web: Zum Erstellen von Webanwendungen.
  • Lombok: Zur Reduzierung von Boilerplate-Code in Java.
  • Spring Reactive Web: Für die Entwicklung reaktiver Anwendungen.
  • Spring Boot DevTools: Zur effizienten Entwicklung und Konfiguration.

Frontend-Technologien und Werkzeuge:

  • Node.js-Interpreter (Version 21.3.0): Für die Laufzeitumgebung.
  • Vite: Zur Projektinitialisierung mittels npx create-vite.
  • React TypeScript Template: Für das Vite-Projekt.
  • Axios: Verwaltung von HTTP-Anfragen.
  • React Router Dom: Für das Routing innerhalb der Anwendung.

Frontend-Styling:

  • React Bootstrap: Für Bootstrap-Komponenten in React.
  • Font Awesome: Zur Integration von Icons.
  • React Player: Für die Wiedergabe von Videos.
  • MUI (Material-UI): Für Material-Design-Komponenten.
  • Emotion: CSS-in-JS-Styling.
  • React Material-UI Carousel: Für Karussell-Funktionen.

Integrationstestsmit MockMvc:

  • JUnit 5: Für Controller-Tests mit folgenden Konfigurationen:
    • SpringBootTest: Für umfassende Integrationstests.
    • AutoConfigureMockMvc: Ermöglicht das Testen von MVC-Controllern ohne laufenden Servlet-Container.
    • DirtiesContext (ClassMode.BEFORE_EACH_TEST_METHOD): Setzt den Spring-Anwendungskontext vor jeder Testmethode zurück.

Unit-Tests mit Mockito:

  • Mockito: Für Service-Tests:
    • Mocking von Abhängigkeiten: Für isolierte Testumgebungen.
    • Simulation von Verhalten: Ermöglicht das Testen der Service-Logik.
    • Fokus auf Isolation und Effizienz: Für schnellere und zuverlässigere Testergebnisse.

Bereitstellung und Deployment:

  • Docker-Containerisierung: Für eine konsistente und isolierte Anwendungsumgebung.
  • YAML-Konfiguration: Zur Definition der Dienste, Netzwerke und Volumen für Docker.
  • Deployment auf Render.com: Nutzung der YAML-Konfiguration für Hosting und Management.

Datenbankintegration:

  • MongoDB: wird für die flexible Speicherung und Verwaltung unstrukturierter Daten genutzt, ideal für Projekte mit schnell wechselnden Datenanforderungen.

Funktionalitäten der 'Movie-app':

  • Anzeigen, Hinzufügen, Aktualisieren und Löschen von Filmen.
  • Hinterlassen von Kommentaren zu Filmen und Ansehen von Trailern.
  • Meine MovieDB bietet die Möglichkeit, alle Ihre Lieblingsfilme, inklusive eines kurzen Trailers, anzulegen. Hierfür wird dem Nutzer eine Eingabemaske zur Verfügung gestellt. Eingegebene Filme können später aktualisiert oder gelöscht werden. Außerdem können Sie neue Filme hinzufügen, Rezensionen schreiben und die gesamte Filmliste einsehen.

Hinweis: ⚠️💥

  • Das Projekt befindet sich derzeit in der Deployment-Phase auf Render.com. Es kann vorkommen, dass der Server alle 15 Minuten ausfällt und anschließend etwa 30 bis 90 Sekunden für einen Neustart benötigt. Sollte die Seite nach dem Anklicken des Links nicht sofort laden, bitte ich Sie um ein wenig Geduld. Der Container wird gerade neu gestartet. Bald können Sie die Inhalte auf meiner Webseite in Ruhe betrachten. Entspannen Sie sich und genießen Sie Ihren Besuch!👉 https://movie-app-7tas.onrender.com/

Ivan Chiosa Capstone-Projekt 02.02.2024 © 2024 neue fische. Alle Rechte vorbehalten. Besuchen Sie mein LinkedIn Profil.

movie-app's People

Contributors

ivanchiosa avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.