Nobarin Movie Streaming Platform
Project Overview
Nobarin is a modern movie browsing and streaming platform built using Vue.js. It fetches real-time data from the TMDB API and allows users to explore movie details, manage their favorite movies, and experience a responsive, engaging UI. Designed with a focus on smooth navigation and scalability, the platform supports dynamic routing and modular components.
My Role
Fullstack Developer handling frontend design, API integration, and routing logic.
Challenges & Solutions
Integrating dynamic movie data from TMDB, managing application state using Pinia, and ensuring responsive UI across devices while maintaining clean code structure. A special focus was given to UX flow between movie browsing, details, and favorites page.
Project Development Process
Requirement Gathering & Planning
Planning features such as movie search, favorites, and detail view using data from TMDB API.
UI Design & Component Setup
Designing the interface using TailwindCSS and building reusable Vue components for navbar, cards, etc.
State Management & Routing
Implementing Vue Router for page navigation and Pinia for centralized state handling.
API Integration
Fetching movie data from TMDB and dynamically rendering movie cards and detail pages.
Testing & Deployment
Testing responsiveness, fixing routing bugs, and deploying the app with performance optimization.