{"id":25786365,"url":"https://github.com/yousefkhalaf0/cinesphere","last_synced_at":"2026-04-10T13:31:04.130Z","repository":{"id":274312645,"uuid":"922525091","full_name":"yousefkhalaf0/Cinesphere","owner":"yousefkhalaf0","description":"Cinesphere is a React.js movie discovery app built as a course task at ITI. It allows users to explore trending movies, view detailed information, and save favorites. Features include multilingual support, pagination, and integration with the TMDB API. This was my first React.js project","archived":false,"fork":false,"pushed_at":"2025-02-20T15:29:47.000Z","size":301,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T14:39:07.403Z","etag":null,"topics":["api","axios","bootstrap","context","css","frontend","html","javascript","localization","movie-web-app","reactjs","redux","redux-thunk","responsive","tmdb","website"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/yousefkhalaf0.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}},"created_at":"2025-01-26T13:02:01.000Z","updated_at":"2025-02-20T15:29:51.000Z","dependencies_parsed_at":"2025-02-20T16:45:18.324Z","dependency_job_id":null,"html_url":"https://github.com/yousefkhalaf0/Cinesphere","commit_stats":null,"previous_names":["yousefkhalaf0/first-react.js-small-project-movies-site","yousefkhalaf0/cinesphere"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yousefkhalaf0/Cinesphere","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefkhalaf0%2FCinesphere","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefkhalaf0%2FCinesphere/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefkhalaf0%2FCinesphere/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefkhalaf0%2FCinesphere/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yousefkhalaf0","download_url":"https://codeload.github.com/yousefkhalaf0/Cinesphere/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefkhalaf0%2FCinesphere/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31645171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"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":["api","axios","bootstrap","context","css","frontend","html","javascript","localization","movie-web-app","reactjs","redux","redux-thunk","responsive","tmdb","website"],"created_at":"2025-02-27T09:08:42.950Z","updated_at":"2026-04-10T13:31:04.097Z","avatar_url":"https://github.com/yousefkhalaf0.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Cinesphere - Movie Discovery App**  \n\nA React-based web application for discovering movies, viewing details, and managing favorites. Built as part of a **React.js course task** at **ITI (Information Technology Institute)**. This was my **first hands-on experience with React.js**, and it helped me grasp core concepts like components, state management, routing, and API integration.  \n\n---\n\n## **Features**  \n- **Browse Movies**: Discover trending movies with pagination.  \n- **Movie Details**: View detailed information, including genres, ratings, and descriptions.  \n- **Favorites System**: Add/remove movies to/from favorites.  \n- **Multilingual Support**: Arabic and English language toggle.  \n- **Search Functionality**: Find movies by title.  \n- **Responsive Design**: Works on all screen sizes.  \n\n## **Technologies Used**  \n- **React.js** (v19)  \n- **Redux** for state management.  \n- **React Router** for navigation.  \n- **Axios** for API requests.  \n- **Bootstrap** for styling.  \n- **The Movie Database (TMDB) API** for movie data.  \n\n## **Installation**  \n1. Clone the repository:  \n   ```bash  \n   git clone [repo-url]  \n   ```  \n2. Install dependencies:  \n   ```bash  \n   npm install  \n   ```  \n3. Start the app:  \n   ```bash  \n   npm start  \n   ```  \n\n## **Screenshots**  \nHome Page: ![image](https://github.com/user-attachments/assets/2782c929-8f1f-4fb6-b288-cb7852b8f631)\n\nMovie Details: ![image](https://github.com/user-attachments/assets/38979ccb-0162-4209-9238-b77f083374e0)\n \nFavorites Page: ![image](https://github.com/user-attachments/assets/e023bad9-a6ae-4812-8a27-57a9c5fd53fb)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousefkhalaf0%2Fcinesphere","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyousefkhalaf0%2Fcinesphere","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousefkhalaf0%2Fcinesphere/lists"}