{"id":27302501,"url":"https://github.com/vikpires/front_vibi-flix-streaming","last_synced_at":"2026-02-23T02:10:54.889Z","repository":{"id":245490327,"uuid":"818350319","full_name":"vikpires/FRONT_ViBi-Flix-Streaming","owner":"vikpires","description":"ViBi Flix - streaming platform of Movies and TV series using Vue.js and TMDB API. ","archived":false,"fork":false,"pushed_at":"2024-12-22T20:01:35.000Z","size":8007,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-04-12T02:51:22.513Z","etag":null,"topics":["axios","primevue","rxjs","streaming","tailwindcss","tmdb-api","typescript","vue-router","vuejs"],"latest_commit_sha":null,"homepage":"https://vibi-flix.onrender.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vikpires.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-06-21T16:47:17.000Z","updated_at":"2024-12-22T20:01:39.000Z","dependencies_parsed_at":"2024-06-27T20:40:29.297Z","dependency_job_id":"ad27a906-3c3c-41aa-955a-5e936841fb15","html_url":"https://github.com/vikpires/FRONT_ViBi-Flix-Streaming","commit_stats":null,"previous_names":["vikpires/miniprojeto-streaming","vikpires/front_vibi-flix-streaming"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vikpires/FRONT_ViBi-Flix-Streaming","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikpires%2FFRONT_ViBi-Flix-Streaming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikpires%2FFRONT_ViBi-Flix-Streaming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikpires%2FFRONT_ViBi-Flix-Streaming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikpires%2FFRONT_ViBi-Flix-Streaming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vikpires","download_url":"https://codeload.github.com/vikpires/FRONT_ViBi-Flix-Streaming/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikpires%2FFRONT_ViBi-Flix-Streaming/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271755021,"owners_count":24815330,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","primevue","rxjs","streaming","tailwindcss","tmdb-api","typescript","vue-router","vuejs"],"created_at":"2025-04-12T02:47:41.663Z","updated_at":"2025-10-27T10:03:08.647Z","avatar_url":"https://github.com/vikpires.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ViBi Flix\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg \n        src=\"./src/assets/images/vibi_flix_screenshot.png\" \n        alt=\"Visual interface of ViBi Flix streaming platform\" \n        title=\"Screenshot of the ViBi Flix streaming platform's visual interface\" \n        width=\"100%\"\n    /\u003e \n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n    ViBi Flix: Visual Interface\n\u003c/div\u003e\n\n## Description\n\n\u003e A responsive streaming platform built with Vue.js, leveraging the TMDB public API. This project was developed as part of the TIC 12 Technological Residency Program (RESTIC 12).\n\n## Table of Contents\n\n- [Objective](#objective)\n- [Features](#features)\n- [Tools](#tools)\n- [Project Structure](#project-structure)\n- [Demo](#demo)\n- [Developers](#developers)\n\n---\n\n## Objective\n\n- Develop a platform capable of consuming the TMDB public API to retrieve data on popular movies and TV series.\n\n## Features\n\n- Information view about popular movies and tv series.\n- View updated information about popular movies and TV series.\n- Add and remove movies and TV series to/from favorites.\n- Watch trailers directly on the platform.\n- Responsive design optimized for desktop, tablet, and mobile screens.\n\n## Tools\n\n![VueJS](https://img.shields.io/badge/Vue%20js-35495E?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=4FC08D)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![Prime Vue](https://img.shields.io/badge/primevue-020617.svg?style=for-the-badge\u0026logo=primevue\u0026logoColor=4FC08D)\n![Axios](https://img.shields.io/badge/axios-671ddf?\u0026style=for-the-badge\u0026logo=axios\u0026logoColor=white)\n![RxJs](https://img.shields.io/badge/rxjs-D81B60.svg?style=for-the-badge\u0026logo=rxjs\u0026logoColor=white)\n![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)\n\n## Project Structure\n\n```\n📁 src/                 # Directory containing all project files.\n│\n├───📁 assets/          # Contains static files such as images, fonts, and icons.\n│\n├───📁 components/      # Stores reusable UI components used across the application.\n│\n├───📁 model/           # Defines interfaces and types for managing application data structures.\n│\n├───📁 modules/         # Organizes related functionality and global application components.\n│\n├───📁 router/          # Manages application routes and navigation logic.\n│\n├───📁 service/         # Contains the application's service layer for API requests and data handling.\n│   │\n│   ├───📁 rest/        # Contains service files for making REST API calls.\n│\n├───📁 utils/           # Includes utility functions and helpers for common operations.\n│\n├───📁 views/           # Contains the application's main pages and views.\n│   │\n│   ├───📁 Favorites/   # The view for displaying the user's favorite movies and series.\n│   │\n│   ├───📁 Home/        # The view for displaying the homepage content.\n│   │\n│   ├───📁 Movies/      # The view for displaying the movies section.\n│   │\n│   └───📁 Series/      # The view for displaying the series section.\n│\n├───📄 App.vue          # The root component that serves as the application's main container.\n│\n└───📄 main.ts          # The entry point that sets up and initializes the Vue application.\n```\n\n## Demo\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg \n        src=\"./src/assets/images/vibi_flix_mobile.png\" \n        alt=\"ViBi Flix streaming features demonstration mobile version in GIF format\" \n        title=\"ViBi Flix: Mobile Version\" \n        width=\"200px\"\n    /\u003e \n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n    ViBi Flix: Mobile Version\n\u003c/div\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg \n        src=\"./src/assets/images/vibi_flix_tablet.png\" \n        alt=\"ViBi Flix streaming features demonstration tablet version in GIF format\" \n        title=\"ViBi Flix: Tablet Version\" \n        width=\"300px\"\n    /\u003e \n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n    ViBi Flix: Tablet Version\n\u003c/div\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg \n        src=\"./src/assets/images/vibi_flix_desktop.png\" \n        alt=\"ViBi Flix streaming features demonstration desktop version in GIF format\" \n        title=\"ViBi Flix: Desktop Version\" \n        width=\"800px\"\n    /\u003e \n\u003c/div\u003e\n\u003cdiv align=\"center\"\u003e\n    ViBi Flix: Desktop Version\n\u003c/div\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\nYou can explore the ViBi Flix streaming platform [here](https://vibi-flix.onrender.com/).\n\n## Developers\n\n\u003e[Beatriz Monteiro](https://github.com/thebiatriz)\n\n\u003e[Vitor Pires](https://github.com/vikpires)\n\n  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikpires%2Ffront_vibi-flix-streaming","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvikpires%2Ffront_vibi-flix-streaming","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikpires%2Ffront_vibi-flix-streaming/lists"}