/imposters

Primary LanguageTypeScript

Imposters

The Team

Gloria Friesen, Megan Warnock, Chance Magno, and Liam Stabeno

The Current Version

v1.1 - 05.18.2017

The Description

Web based blog site for coding, especially targeted for current bootcamp enrollees and graduates. User's profiles are tailored for job seekers, including links to portfolio sites, LinkedIn profiles, and Github. The heart of the website is a blog. Users are encouraged to post coding tricks, job advice, interesting tech, or general commiserations.

The Intended Users

People new to the coding world and feeling a bit uneasy about their place in it.

The Website

imposters.com

The Architecture

  • Visit our Trello board for a visualization of our organizational methods and application structure.

The Bugs

We'll see.

The Contact Details

Questions? Concerns? Suggestions? Reach out to us via github:

The Technologies

  • Angular2.js
  • TypeScript
  • HTML
  • CSS
  • npm
  • Materialize

The Development Environment Setup

Database Configuration

This application is built to work with a Firebase database. If you'd like to enjoy our website, please follow these instructions to create a Firebase project and credentials.

  • Go to Firebase and create an account (if you don't have one already).
  • Create a remote database for the application through Firebase's website.
    • Select 'Create a New Project' from the dashboard.
    • Select 'Add Firebase to your web app'
    • A pop-up modal window will be generated. It will include your credentials. Keep the credentials handy.
  • In the terminal, create a file to house your Firebase credentials $ touch src/app/api-keys.ts
  • In api-keys.ts file, add the following code:
  export var masterFirebaseConfig = {
    apiKey: "xxxx",
    authDomain: "xxxx.firebaseapp.com",
    databaseURL: "https://xxxx.firebaseio.com",
    storageBucket: "xxxx.appspot.com",
    messagingSenderId: "xxxx"
  };
  • Replace 'xxxx' with the project credentials from Firebase.
  • In your Firebase project, change the Rules to allow reading and writing to the database
  {
    "rules": {
      ".read": "true",
      ".write": "true"
    }
  }
  • Import seed data from the included sample-posts.json file
    • Visit your Firebase Console and select your project's database.
    • Click on the Database option in the left-hand navigational menu.
    • Select the 3 vertical dots on the right-hand side of the grey bar with your database URL on it. (It's right next to the + and - buttons). This should bring up a small menu.
    • Select Import JSON from this menu. This will result in a modal window prompting you to upload a file.
    • Locate the sample-posts.json file from the project, and upload it.

Installation

  • In the terminal, run:
    • $ git clone <https://github.com/warnock/imposters>
    • $ cd imposters
    • $ npm install
    • $ ng serve
  • In your browser, go to http://localhost:4200

Deploy to Firebase

  • Install Firebase CLI: $ npm install -g firebase-tools
  • $ ng build
  • $ firebase deploy

The License

This software is licensed under the MIT license. Copyright (c) 2017 Gloria Friesen, Megan Warnock, Chance Magno, and Liam Stabeno.