Giter Site home page Giter Site logo

ideastorm's Introduction

IdeaStorm

A realtime collaboration tool that facilitates brainstorming sessions amongst team members. Users can remotely discuss, exchange, and vote on various ideas using our virtual whiteboard.

Getting Started To use this IdeaStorm, you'll need to take the following steps:

    Don't fork or clone this repo! Instead, create a new, empty directory on your machine and git init (or create an empty repo on Github and clone it to your local machine)
    Run the following commands:

git remote add IdeaStorm https://github.com/Ehenry92/meeb.git
git fetch IdeaStorm
git merge IdeaStorm/master

Why did we do that? Because every once in a while, IdeaStorm may be updated with additional features or bug fixes, and you can easily get those changes from now on by entering:

git fetch IdeaStorm
git merge IdeaStorm/master

Prerequisities: Create a file called secrets.js in the project root This file is .gitignore'd, and will only be required in your development environment Its purpose is to attach the secret env variables that you'll use while developing However, it's very important that you not push it to Github! Otherwise, prying eyes will find your secret API keys! It might look like this:

  const AWS_ACCESS_KEY_ID = 'secret keyID'
  const SECRET_ACCESS_KEY = 'secret key'
  module.exports = { AWS_ACCESS_KEY_ID, SECRET_ACCESS_KEY }

To use Amazon Web Services, complete the step above with a real access key and acess key ID Amazon
    You can get them here: https://aws.amazon.com/s3/

Installing: Now that you've got the code, follow these steps to get acclimated: Update project name and description in package.json file

npm install

Create two postgres databases: meeb and meeb-test (you can substitute these with the name of your own application - just be sure to go through and change the package.json and server/db/db.js to refer to the new names)
    By default, running npm test will use meeb-test, while regular development uses IdeaStorm

Start" npm run start-dev will make great things happen!

If you want to run the server and/or webpack separately, you can also npm run start-server and npm run build-client.

Deployment: Prep

    Set up the Heroku command line tools
    heroku login
    Add a git remote for heroku:

    If you're creating a new app...
        heroku create or heroku create your-app-name if you have a name in mind.
        heroku addons:create heroku-postgresql:hobby-dev to add ("provision") a postgres database to your heroku dyno

    If you already have a Heroku app...
        heroku git:remote your-app-name You'll need to be a collaborator on the app.

When you're ready to deploy

    Make sure that all your work is fully committed and pushed to your master branch on Github.
    If you currently have an existing branch called "deploy", delete it now (git branch -d deploy). We're going to use a dummy branch with the name "deploy" (see below), so if you have one lying around, the script below will error
    npm run deploy - this will cause the following commands to happen in order:

    git checkout -b deploy: checks out a new branch called "deploy". Note that the name "deploy" here isn't magical, but it needs to match the name of the branch we specify when we push to our heroku remote.
    webpack -p: webpack will run in "production mode"
    git add -f public/bundle.js public/bundle.js.map: "force" add the otherwise gitignored build files
    git commit --allow-empty -m 'Deploying': create a commit, even if nothing changed
    git push --force heroku deploy:master: push your local "deploy" branch to the "master" branch on heroku
    git checkout master: return to your master branch
    git branch -D deploy: remove the deploy branch

Now, you should be deployed!

Built With:

*PostgreSQL- Database management system
*Sequelize
*React- JavaScript interface library
*Amazon Web Services- Image hosting service
*Express 
*Data Driven Documents (D3) - library for visualizing data
*Materalize - CSS framework
*Sockets - JavaScript library for realtime applications

Authors:

Erica Chai, Maria Betencas, Evlis Henry, Blanca Sanchez

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.