ScaryApp

ScaryApp is an e-commerce platform built with React Native, specifically tailored for scary movie aficionados. It offers a seamless and intuitive shopping experience, empowering users to explore, discover, and purchase their favorite films effortlessly.

Features Overview

1. User Account Management

  • Secure Access: Only authenticated users can access their accounts, ensuring data privacy and security.
  • Profile Management: Users can update their profiles, view order history, and manage personal preferences.

2. Firebase Authentication Integration

  • Robust Authentication: Firebase authentication provides a reliable and scalable solution for user authentication.
  • Social Login Options: Users can log in using various social media accounts for added convenience.

3. Category Navigation

  • Explore Genres: Users can navigate through a diverse range of movie categories, making it easy to discover content based on their interests.

4. Advanced Movie Browsing and Search

  • Effortless Discovery: Users can browse through an extensive catalog of movies with smooth navigation.
  • Dynamic Search: The search feature enables users to find specific movies quickly, enhancing the overall user experience.

5. Comprehensive Movie Details

  • Detailed Information: Users can access comprehensive details about each movie, including trailers, synopses, ratings, and cast information.
  • Purchase Options: Seamless integration with purchasing functionality allows users to buy movies directly from the app.

Installation and Setup

Prerequisites

  • Node.js and npm installed on your machine
  • Firebase project set up with necessary configurations

Installation Steps

  1. Clone the Repository: git clone https://github.com/FedeCasper/native-project-federico-rouyere.git
  2. Navigate to the Project Directory: cd native-project-federico-rouyere
  3. Install Dependencies: npm install
  4. Configure API Keys: Add your API keys for Firebase and any other external services to the project.
  5. Set Up Firebase Credentials: Configure Firebase credentials for authentication and database access.
  6. Start the Application: npm start

Technologies Used

Core Technologies

  • React Native: Framework for building cross-platform mobile applications.
  • Firebase: Backend-as-a-Service platform providing authentication, database, and storage services.
  • Redux: State management library for predictable state container management.

Additional Libraries and APIs

  • React Navigation: Routing and navigation library for React Native apps.
  • Expo: Toolchain and platform for building and deploying React Native applications.
  • React Query: Data fetching and caching library for managing asynchronous data in React applications.

Navigation Structure

The application features a user-friendly bottom navigation interface, comprising four main tabs:

  1. Movies: Explore the vast collection of movies available on ScaryApp.
  2. Cart: View and manage items added to your shopping cart.
  3. Orders: Track and manage your past orders, providing a comprehensive overview of your purchase history.
  4. Profile: Access your user account information, settings, and preferences.

Contact

For any inquiries, feedback, or support related to ScaryApp, feel free to contact me via: