Code Monkey home page Code Monkey logo

life_log's Introduction

Life Log

Life Log is a real time travel POI tool. Users can create photo posts with an attached location, a caption, directions and sharing features.

If you would like to see comments on the code run git fetch origin code-with-comments.

Getting Started

The quick way

  • Fork then clone project

  • Run

    chmod 777 quick_setup.sh
    ./quick_setup.sh
    
    • Firebase.js

      import * as firebase from 'firebase';
                          
      const firebaseConfig = {
          apiKey: "<Your Info>",
          authDomain: "<Your Info>",
          databaseURL: "<Your Info>",
          projectId: "<Your Info>",
          storageBucket: "<Your Info>",
          messagingSenderId: "<Your Info>"
      };
                          
      const firebaseApp = firebase.initializeApp(firebaseConfig);
                          
                          
      module.exports = firebaseApp;
      
    • Creds.js - (contains google places api key)

      const googlePlacesKey = "<Your Info>";
      module.exports = googlePlacesKey;
      

That's it!

Detailed Setup

Fork and/or clone this repo to your local machine. Then create the following files:

├── app
    └── Config
    ├   └──Firebase.js
    └── Values
        └──Creds.js

Firebase.js

import * as firebase from 'firebase';
                    
const firebaseConfig = {
    apiKey: "<Your Info>",
    authDomain: "<Your Info>",
    databaseURL: "<Your Info>",
    projectId: "<Your Info>",
    storageBucket: "<Your Info>",
    messagingSenderId: "<Your Info>"
};
                    
const firebaseApp = firebase.initializeApp(firebaseConfig);
                    
                    
module.exports = firebaseApp;

Creds.js - (contains google places api key)

const googlePlacesKey = "<Your Info>";
module.exports = googlePlacesKey;

Prerequisites

We recommend installing Node and Watchman using Homebrew. Run the following commands in a Terminal after installing Homebrew:

brew install node
brew install watchman

If you have already installed Node on your system, make sure it is version 4 or newer.

Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance.

The React Native CLI Node comes with npm, which lets you install the React Native command line interface.

Run the following command in a Terminal:

npm install -g react-native-cli

If you get an error like Cannot find module 'npmlog', try installing npm directly:

curl -0 -L https://npmjs.org/install.sh | sudo sh.

Xcode The easiest way to install Xcode is via the Mac App Store. Installing Xcode will also install the iOS Simulator and all the necessary tools to build your iOS app.

If you have already installed Xcode on your system, make sure it is version 8 or higher.

Command Line Tools

You will also need to install the Xcode Command Line Tools. Open Xcode, then choose "Preferences..." from the Xcode menu. Go to the Locations panel and install the tools by selecting the most recent version in the Command Line Tools dropdown.

Installing

Install Dependencies

npm install

This will run your app and open the simulator

cd AwesomeProject
react-native run-ios

Bugs

Report bugs and issues here

Built With

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • NSS Faculty
  • Matt Hamil
  • David Zukowski
  • Juan Rodríguez
  • Stephen Grider's "The Complete React Native and Redux Course"

What is "boyscouting?"

life_log's People

Contributors

beelarr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  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.