{"id":24037217,"url":"https://github.com/weiawesome/gimy_clone_website","last_synced_at":"2026-04-14T03:32:25.010Z","repository":{"id":231982267,"uuid":"783171674","full_name":"weiawesome/gimy_clone_website","owner":"weiawesome","description":"The application imitate a real stream-media wesite.","archived":false,"fork":false,"pushed_at":"2024-06-21T13:55:27.000Z","size":9815,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-10T16:03:21.566Z","etag":null,"topics":["http-live-streaming","mvc-architecture","nextjs","stream-media","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/weiawesome.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2024-04-07T06:08:19.000Z","updated_at":"2025-03-03T22:11:35.000Z","dependencies_parsed_at":"2025-01-08T19:40:19.525Z","dependency_job_id":"820baec8-fff0-447d-84e8-110b79a392b0","html_url":"https://github.com/weiawesome/gimy_clone_website","commit_stats":null,"previous_names":["weiawesome/gimy_clone_website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/weiawesome/gimy_clone_website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weiawesome%2Fgimy_clone_website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weiawesome%2Fgimy_clone_website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weiawesome%2Fgimy_clone_website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weiawesome%2Fgimy_clone_website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weiawesome","download_url":"https://codeload.github.com/weiawesome/gimy_clone_website/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weiawesome%2Fgimy_clone_website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31781292,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["http-live-streaming","mvc-architecture","nextjs","stream-media","tailwindcss","typescript"],"created_at":"2025-01-08T19:39:16.818Z","updated_at":"2026-04-14T03:32:24.994Z","avatar_url":"https://github.com/weiawesome.png","language":"TypeScript","funding_links":[],"categories":["Introduction"],"sub_categories":[],"readme":"# Gimy Clone Website\n\n## Introduction\nThis is a website to imitate a [real live-streaming media website](https://gimy.ai).\n\nThe user can find different film in here, and it will insert the ad in website and film.\n\nFurthermore, It made by Next.js and using Tailwind css and deploy by docker.\n\nFetch the data by [backend project](https://github.com/weiawesome/gimy_clone_api) to get the media and data.\n## How to download\n```shell\n# Ensure to have installed git\ngit clone https://github.com/weiawesome/gimy_clone_website.git\n```\n\nThen it will download the whole project into your device.\n\n## How to start\n\n### Start with local\n```shell\n# Ensure to have installed node.js\nnpm build\nnpm start\n```\n\nThen it will start the service in http://localhost:3000\n\n### Start with docker-compose ( Full Stack )\n```shell\n# Ensure to have installed docker and docker-compose\ncd ./deployment/docker-compose\ndocker-compose up -d\n```\n\nThen it will start the service in http://localhost\n\n## Main Function\n### For User\n1. Browse the film classify by film type\n2. Filter and sort the film by category, location and release year\n3. Obtain the rank of the film by film type or category\n4. Search films by title, content or celebrity's name\n5. Watch the film by different routes and view by http-live-streaming\n\n### For Resource Provider\n1. Create a new film with specific information\n2. Upload film's episode or image\n3. Let the film into search engine\n\n### For Sponsor ( Advertisement )\n1. Give different type of advertisement\n   1. The ad is a film insert into the film's play\n   2. The ad is a GIF manifest in the website\n   3. The ad is a static image file in the website\n2. Check the advertisement period\n\n## User Interface\n### Home Page\n![home_page.png](assets/home_page.png)\n### Different Type Page \n![tv-series.png](assets/tv-series.png)\n![animate.png](assets/animate.png)\n![movie.png](assets/movie.png)\n![variety-show.png](assets/variety-show.png)\n### Filter and Sort Page\n![filter.png](assets/filter.png)\n### Ranking Page\n![rankings.png](assets/rankings.png)\n### Film Information Page\n![film_information.png](assets/film_information.png)\n![film_information_little.png](assets/film_informaation_little.png)\n### Custom Player Page\n![custom_player.png](assets/custom_player.png)\n### Search Page\n![search_by_content.png](assets/search_by_content.png)\n![search.png](assets/search.png)\n\n### Create Film Page\n![create_film.png](assets/create_film.png)\n### Upload Film's resource Page\n![upload_film_information.png](assets/upload_film_information.png)\n### Deliver the advertisement Page\n![deliver_advertisement.png](assets/deliver_ad.png)\n\n## System Architecture\n### MVC ( Model-View-Controller )\n```\n├── src\n│   ├── app\n│   │   ├── app.tsx\n│   │   ├── layout.tsx\n│\n│   ├── pages\n│   │   ├── upload\n│   │   │   ├── ...tsx\n│   │   ├── resource\n│   │   │   ├── ...tsx\n│\n│   ├── components\n│   │   ├── ...tsx\n│\n│   ├── model\n│   │   ├── ...ts\n│\n│   ├── service\n│   │   ├── ...ts\n│\n│   ├── svgs\n```\n### [Model](./src/model)\nIt defined the model of different request and response. \n\n### [View](./src/pages)\nIt builds the all the view in the website.\n\n### [Controller](./src/service)\nIt made all the request in here.\n\n```\nNote :\n    Except the MVC Architecture, it also make the components directory to correspond react design.\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweiawesome%2Fgimy_clone_website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweiawesome%2Fgimy_clone_website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweiawesome%2Fgimy_clone_website/lists"}