https://github.com/yousefkhalaf0/cinesphere
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
https://github.com/yousefkhalaf0/cinesphere
api axios bootstrap context css frontend html javascript localization movie-web-app reactjs redux redux-thunk responsive tmdb website
Last synced: 2 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/yousefkhalaf0/cinesphere
- Owner: yousefkhalaf0
- Created: 2025-01-26T13:02:01.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-20T15:29:47.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:39:07.403Z (6 months ago)
- Topics: api, axios, bootstrap, context, css, frontend, html, javascript, localization, movie-web-app, reactjs, redux, redux-thunk, responsive, tmdb, website
- Language: JavaScript
- Homepage:
- Size: 294 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Cinesphere - Movie Discovery App**
A 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.
---
## **Features**
- **Browse Movies**: Discover trending movies with pagination.
- **Movie Details**: View detailed information, including genres, ratings, and descriptions.
- **Favorites System**: Add/remove movies to/from favorites.
- **Multilingual Support**: Arabic and English language toggle.
- **Search Functionality**: Find movies by title.
- **Responsive Design**: Works on all screen sizes.
## **Technologies Used**
- **React.js** (v19)
- **Redux** for state management.
- **React Router** for navigation.
- **Axios** for API requests.
- **Bootstrap** for styling.
- **The Movie Database (TMDB) API** for movie data.
## **Installation**
1. Clone the repository:
```bash
git clone [repo-url]
```
2. Install dependencies:
```bash
npm install
```
3. Start the app:
```bash
npm start
```
## **Screenshots**
Home Page: 
Movie Details: 
Favorites Page: 