Jain2098 / MyMoviesApp_Expo

React Native app leveraging Expo and TMDB API for real-time movie data, offering users access to the latest, trending, and upcoming movies with a seamless search feature and a smooth UI enhanced by 3D effects.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Movies App 2024 Project:

inApp Screenshots:

Collage 1

Collage 2

1. Splash/Loading Screen

01.Splash.Screen.mp4

2. Home Screen

02.App.Home.mp4

3. Movie/TV Screen

03.Single.Screen.Movie_TV.mp4

4. Person Screen

04.Person.Screen.mp4

5. Horizontal Scroll Animation

05.Horizontal.Scroll.Animation.mp4

6. Vertical Scroll Animation

06.Vertical.Scroll.Animation.mp4

7. Genre Screen with Pagination

07.Genre.Screen.with.Pagination.mp4

8. App Navigation Stack Based Infinitely

08.App.Navigation.Stack.Based.Infinitely.mp4

9. Drawer Navigation

09.Drawer.Navigation.mp4

10. Search Screen with Results

10.Search.Screen.with.Results.mp4

11. Favorite Screen

11.Favorite.Screen.mp4

12. Home Stack and Favorite Stack with different Workflow

Favourite Tab will always goes to Main Screen, However, Home Screen will stay at specific stack. On DoubleClick, it Resets the Home Stack.

12.Home.Stack.and.Favorite.Stack.with.different.Workflow.mp4

13. Go Back twice to exit App

13.Go.Back.twice.to.exit.App.mp4

& Many More...

Technologies Used

This project leverages the following technologies:

  • React Native: For building the mobile application using JavaScript.
  • Expo: A framework and platform for universal React applications.
  • React Navigation: For navigation and routing in the app.
  • Axios: Promise based HTTP client for making requests to fetch or save data.
  • Expo Image: Used to replace the default <Image> component with an optimized, extendable image component for better performance and additional features.
  • Tailwind CSS: A utility-first CSS framework for styling applications.
  • Nativewind: To integrate Tailwind CSS with React Native for styling.
  • Expo Linear Gradient: Provides a component to render linear gradients.
  • React Native Progress: An easy-to-use progress bar for React Native.
  • React Native Snap Carousel: A snappy carousel component for React Native.
  • Additional Libraries: Including but not limited to various UI elements, utilities, and more to enhance app functionality and user experience.

Each technology was selected for its proven reliability, ease of use, and compatibility with the project's goals.

About

React Native app leveraging Expo and TMDB API for real-time movie data, offering users access to the latest, trending, and upcoming movies with a seamless search feature and a smooth UI enhanced by 3D effects.


Languages

Language:JavaScript 100.0%