Ghib-lix Full-Stack Application Development
Hannah Marleen Teichert
Overview
Ghib-lix is a full-stack React application that enables users to create accounts, browse Studio Ghibli films, and save favorites. The project combines a responsive front-end with a custom REST API to deliver a seamless, end-to-end user experience.
Project Brief
The goal was to build a complete client- and server-side application to deepen my understanding of full-stack development. The scope included user authentication, film data handling, persistent favorites, and secure data retrieval. I developed both the front-end interface and the back-end architecture, ensuring a consistent and stable system flow.
Role
Developer
Methods
• Built reusable React components and implemented routing for core film and user views.
• Developed a REST API using Node.js, Express, and MongoDB for authentication and data storage.
• Created data models and API endpoints to manage users, films, and favorites.
• Integrated a front end and back end with secure requests and state handling.
• Performed iterative testing to ensure reliability, error handling, and smooth user flows.
Movie View Component
Search Bar – Results
Ghib-lix Home Screen after Log-in
User Account – Saved Favorite Movies
Code of Movie View Component
Code of Main View Component
Like this project
Posted Jan 20, 2026
Developed a full-stack React app for browsing Studio Ghibli films with user accounts.
