Coder Social home page Coder Social logo

sojournal's Introduction

Sojournal

Remember your sojourns.

Drop the database if there is a problem

$ dropdb triplog

How to Setup the Database

$ createdb triplog

$ yarn knex --knexfile=./db/knexfile.js migrate:latest

$ yarn knex --knexfile=./db/knexfile.js migrate:rollback

$ yarn knex --knexfile=./db/knexfile.js seed:run

How to Run the Database for testing

$ yarn nodemon --watch ./db ./db/server.js

{ ReadUser(type: { id: 1 }) { id, name, email } }

mutation{ CreateUser(input: { id: 5 name: "chaz" }) { id, name } }

Select a photo by id and the keys and new values you want to edit

id and imageFile can't be changed. Only the keys and values you want to change are needed.

mutation{ UpdatePhoto(input: { id: 1 title: "new title" }) { title } }

mutation{ DestroyPhoto(input: { id: 1 }) }

Trip Log Image

About    |   Features   |   Setup   |   Deployment   |   Contributions

Sojournal


1. About

Trip Log™ is a cloud image storage based on geographic location. Though Trip Log is aimed to expand creativity of our users through automatic mapping of photos and user friendly text editing interface, with Trip Cam, it can be expanded infinately more.Trip Log™ respects the privacy of our users. Although our users can share their stories via integrated image export or url, user decides if it is partially shared or the whole.

Node.js React Redux Heroku

2. Features

a) Upload Photos That Automatically Locates on Map

Once you open the app, you will see your geographical location zoomed into google map.

PicOfApp

Click on the Upload button and it will direct you to your image gallery on your mobile device. Select one or multiple images to upload.

PicOfApp

Once photos are chosen, you will be able to see it on the map. Please refer to the instruction below to learn more about writting comments for each photo uploads.

b) Check out the name of a truck stop

If you click a marker, an informational pop-up balloon with the name of that truck stop will appear just above the marker.

PicOfApp

To close a pop-up balloon, click the marker or the close button (marked with an 'x') in the upper-right hand corner of the balloon.

3. Setup

Install the dependencies and devDependencies and start the server.

yarn

Install postgres, if it isn't already installed.

Create a database called "truckstop"

createdb truckstop

To view your project locally (on http://localhost:9000/) you need to run the build script and connect to the localhost.

yarn build yarn start

To work on Heroku, you need to be added as a collaborator by the project manager. Follow [this tutorial](https://devcenter.heroku.com/articles/getting-started-with-nodejs) to set your machine up for Heroku. To access Heroku from your machine, you need to be added as a collaborator by the project manager.

Useful: add Heroku as a remote using:

heroku git:remote -a truck-stops

4. Deployment

The master branch is the stage and production. Therefore, when working locally, please make sure you are working from a branch and not directly on the master branch, create your branch and set up upstream as below.

git remote add upstream https://github.com/codechrysalis/cc7-project.continuous-delivery-react.git

If your change is to be merged with the master branch, it will be automatically deployed via Heroku.

5. Contributions

In order to make contributions be sure that your changes are created in a new branch with descriptive name that explains what is being changed (e.g. "truckstop-ui-fix") and in your pull request be sure to provide a detailed description of the changes made.

Note: It is best to discuss your proposed changes before starting on a contribution to be sure that your contribution is suitable for the project.

©︎Created by TEAM OMAR 2019

sojournal's People

Contributors

chaz303 avatar hikipooh avatar kalouo avatar kigamittsu avatar

Watchers

James Cloos 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.