Frontend connected to TMDB API that allows you to browse its database to find
your favorite Movies and Actors. Built with React Native, Expo and NativeWind.
npm install
Click on the link.
Create an account (fast and free).
Go to 'Edit Profile'.
In Settings, go to 'API'.
Copy the API Key.
Rename the .env.template file to .env
Paste it in the apiKey variable.
npm start
Runs the APP in development mode.
Expo Go
Download Expo on your phone to view it. You will be able to see your changes, build errors and logs in the terminal.
npm run ios
Like npm start but also attempts to open your APP in the iOS Simulator if you're on a Mac and have it installed.
npm run android
Like npm start but also attempts to open your APP on a connected Android device or emulator. Requires an installation of Android build tools.
✔️ All the Movies you can imagine
✔️ Search Engine for Movies by Title
✔️ Tabs and Stack navigation
✔️ Error handling
✔️ Focus on accessibility
✔️ User feedbacks with Toasts
✔️ NativeWind for the styles
✔️ User-friendly and functional design
⚛️ DYNAMIC LISTS
- Trending Movies
- Upcoming Movies
- Top Rated Movies
⚛️ SEARCH ENGINE
Up to 20 results related to the title of the Movie we have searched for
⚛️ MOVIE DETAIL PAGE
- Movie image
- Movie title
- Year of release
- Total running time
- Genre
- Movie overview
- Top Cast: Cast List
- Similar Movies: List of related Movies
⚛️ ACTOR/ACTRESS PAGE
- Actor image
- Full name
- Place of birth
- Gender
- Birthday
- Known for
- % of Popularity
- Biography
- His/her Movies
⚛️ SPINNER
Used for loading elements
If you want to contribute to this project, follow these steps:
-
Perform a fork to the repository.
-
Create a branch for your feature or bugfix:
git checkout -b feature/your-feature-name
-
Make the necessary changes and commits:
git commit -m 'Add some feature'
-
Push to branch:
git push origin feature/your-feature-name
-
Send a pull request to the original repository.
Kevin Schans |
---|