Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yousefkhalaf0/first-react.js-small-project-movies-site
https://github.com/yousefkhalaf0/first-react.js-small-project-movies-site
Last synced: 8 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/yousefkhalaf0/first-react.js-small-project-movies-site
- Owner: yousefkhalaf0
- Created: 2025-01-26T13:02:01.000Z (13 days ago)
- Default Branch: master
- Last Pushed: 2025-01-26T13:45:10.000Z (13 days ago)
- Last Synced: 2025-01-26T14:28:38.433Z (13 days ago)
- Language: JavaScript
- Size: 280 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: 