Giter VIP home page Giter VIP logo

studio_slackr_starter's Introduction

Studio Slackr

Starter code for the studio slackr project.

Setup

To get started fork this repo and clone your fork into a cloud nine workspace.

Then run:

npm install

npm start

The first command install the code this project depends on, you only need to run this command once.

The second command serves the project locally.

Once you are able to view the slackr app go through the code to find the TODOs to complete your project and add cool features.

Here's a demo of a minimal completed project:

completed demo

Expected Message Format

A message must include the following keys (properties) and values:

  • author: the string display name of the message author
  • contents: the string post
  • timestamp: a number representing the time of the post (use Date.now())

If they do not include these properties or if you use the wrong type (e.g. number versus string), writing to the database will return an error.

A message can include the following optional value. If you update your code to handle these properties, you can do things cool like adding image support!

  • image_source: the string of an image URL (must be a valid URL, e.g. "http://i.imgur.com/AxV8w.jpg")
  • is_encrypted: a boolean (true or false) indicating whether the post is encrypted

Expected Channel Format

A channel must include the following keys (properties) and values:

  • name: the string display name of the channel

If they do not include these properties or if you use the wrong type (e.g. number versus string), writing to the database will return an error.

References

Here are the relevant documentation resources for this project. Please familiarize yourself with them so you know where to look things up!

This project uses React and Firebase.

The library re-base helps it glue Firebase and React together.

The library material-ui is used for nice looking React components. Look through the component demos to see what you can use it for!

Finally the code behind the npm start command comes from create-react-app. It also makes npm run build available which you will later use to publish your slackr project.

studio_slackr_starter's People

Contributors

devm33 avatar jtessler avatar lmayancela avatar

Watchers

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