filmRN

demo film app (React Native)

Intro

This is one of the first apps I created with React Native. It is a very basic and simple app (for practicing purpose only lol). There would be a lot of bugs and some inefficient code logic, therefore it would be great if you could give me some feedbacks, so that I can improve my skills. <3

My email: [phuonghata1995@gmail.com]

I use Firebase Auth and Firestore in this project to authenticate user as well as store data. Much thanks to OMDb API for having such a great movie database.

How to use?

User will have to create an account (email verification is not required). User can search movie/tv show/game/series, check the infos (type, runtime, actors,...) and save the film to their own account.

Here are some setup instructions for anyone who interests.

Set up

After cloning this project and put it in a file named AwesomeProject, please follow these steps

1. Create Firebase app

Really simple. You need a google account to create a project. After go to the main page of Firebase, click Go to console -> create a new app then follow the instructions (just google if you get stuck somewhere). After creating the app, choose the implementation platform Android/IOS. Then continue to follow the instruction.

=> Output: Basically you have to download a "key", which names google-services.json for Android and GoogleService-Info.plist for IOS file (there're probably more procedures lol). Add this file to the folder as the instruction (again) below:

• Please read add Firebase to Android project.
• Please read Add Firebase to IOS project.

(P/s: I have already set up the firebase project for Android. You can check the SDK again and update to the latest, if there are no major updates between the version in the project and the latest version)

Please notice that I also use "react-native-firebase" to connect Firebase to React Native code.

2. Create database and enable Firebase Auth

• Choose Firebase Authetication and turn it on, choose Sign up with email/password
• Choose Database, switch to Cloud Firestore and create a collection users

3. Set up the emulator/physical device

• I know you can do this step by yourself!!!

4. Run the project

For Android:

cd AwesomeProject
npm install
npm react-native run-android

For IOS:

And that's it!! The app will run!

If there any problems, please reach out to me [phuonghata1995@gmail.com]

Thank you for visiting

My name is Phuong Ta, a newbie coder coming from Vietnam, started coding in July 2019. I'm currently looking for the chance to improve my skills as well as get more experience working on real projects.