Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abdelrahmankhaled12/movix
This is a web application that utilizes the TMDB API to display information about movies. It is built using React and incorporates various tools and libraries.
https://github.com/abdelrahmankhaled12/movix
api front-end-development reacrjs react-hooks react-router redux-toolkit sass
Last synced: 19 days ago
JSON representation
This is a web application that utilizes the TMDB API to display information about movies. It is built using React and incorporates various tools and libraries.
- Host: GitHub
- URL: https://github.com/abdelrahmankhaled12/movix
- Owner: Abdelrahmankhaled12
- Created: 2023-09-14T18:41:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-02T13:07:44.000Z (about 1 year ago)
- Last Synced: 2023-11-02T14:28:11.611Z (about 1 year ago)
- Topics: api, front-end-development, reacrjs, react-hooks, react-router, redux-toolkit, sass
- Language: JavaScript
- Homepage: https://movix-ui.netlify.app/
- Size: 845 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie App
This is a web application that utilizes the TMDB API to display information about movies. It is built using React and incorporates various tools and libraries.
## Tools and Libraries Used
- Redux/toolkit: State management library.
- Axios: HTTP client for making API requests.
- Dayjs: Library for parsing, validating, manipulating, and formatting dates.
- React: JavaScript library for building user interfaces.
- React-circular-progressbar: Circular progress bar component for React.
- React-dom: Package for working with the DOM in React applications.
- React-icons: Library for including icons in React applications.
- React-player: React component for playing videos.
- React-lazy-load-image-component: Component for lazy-loading images in React.
- Sass: CSS extension language.
## Installation
1. Clone the repository:
```bash
git clone
```
2. Navigate to the project directory:
````bash
cd movie-app
```
3. Install the required dependencies:
````bash
npm install
```
4. Start the development server:
````bash
npm start
```
The application will be available at: `http://localhost:5173/`.
## Demo
You can find a live demo of the Movie App [here](https://movix-ui.netlify.app/).
## Features
- Display a list of movies with details such as title, release date, and overview.
- Ability to search for movies by title.
- Show movie details when a movie is selected.
- Play movie trailers.
- Display loading progress while fetching data.
- Responsive design for different screen sizes.