Giter VIP home page Giter VIP logo

filmrn's Introduction

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: [[email protected]]

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:

(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 [[email protected]]

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.

filmrn's People

Contributors

tahaphuong avatar

Stargazers

Ngo Dang Truong avatar Thai Lam Ha avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.