Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itzaymvn/movies-app
This is a React Native application built with Expo, designed to display a list of movies, their details, and related information. The app uses the TMDB API to fetch movie data and provides features like searching for movies, viewing trending movies, and more.
https://github.com/itzaymvn/movies-app
Last synced: about 4 hours ago
JSON representation
This is a React Native application built with Expo, designed to display a list of movies, their details, and related information. The app uses the TMDB API to fetch movie data and provides features like searching for movies, viewing trending movies, and more.
- Host: GitHub
- URL: https://github.com/itzaymvn/movies-app
- Owner: itzAymvn
- License: mit
- Created: 2024-07-28T13:55:17.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-07-28T13:59:55.000Z (4 months ago)
- Last Synced: 2024-07-29T14:46:12.004Z (4 months ago)
- Language: TypeScript
- Homepage:
- Size: 690 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Movies App
This is a React Native application built with Expo, designed to display a list of movies, their details, and related information. The app uses the TMDB API to fetch movie data and provides features like searching for movies, viewing trending movies, and more.
## Table of Contents
- Installation
- [Running the App](#running-the-app)
- [Project Structure](#project-structure)
- [Environment Variables](#environment-variables)
- Dependencies
- Contributing
- License
## Installation
1. Clone the repository:
```sh
git clone https://github.com/itzaymvn/movies-app.git
cd movies-app
```
2. Install the dependencies:
```sh
npm install
```
3. Apply patches (This is required for the `react-native-snap-carousel` package):
```sh
npm run postinstall
```
## Running the App
To start the app in development mode, run:
```sh
npm run start
```
To run the app on an Android device/emulator:
```sh
npm run android
```
To run the app on an iOS device/simulator:
```sh
npm run ios
```
To run the app in a web browser:
```sh
npm run web
```
## Project Structure
```
.env
.gitignore
app/
_layout.tsx
index.tsx
movie.tsx
movies/
popular.tsx
toprated.tsx
upcoming.tsx
person.tsx
search.tsx
app.json
assets/
fonts/
images/
babel.config.js
components/
Cast.tsx
Loading.tsx
MovieCard.tsx
MovieList.tsx
Stars.tsx
TrendingMovies.tsx
constants/
Color.ts
eas.json
hooks/
useDebounce.ts
index.js
package.json
patches/
react-native-snap-carousel+3.9.1.patch
services/
TMDB.ts
tailwind.config.js
tsconfig.json
types/
index.d.ts
tmdb.d.ts
```
## Environment Variables
Create a `.env` file in the root directory and add your TMDB API key:
```
TMDB_API_KEY=your_tmdb_api_key
```
## Dependencies
- [Expo](https://expo.dev/)
- [React Native](https://reactnative.dev/)
- [TMDB API](https://www.themoviedb.org/documentation/api)
- [Axios](https://axios-http.com/)
- [React Query](https://react-query.tanstack.com/)
For a complete list of dependencies, see the [package.json](package.json) file.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.