Code Monkey home page Code Monkey logo

jabberjam's Introduction

Title:

Jabber Jam

Description

Jabber Jam is a chatroom app that allows user to meet new people that are also interested in a certain category or certain topic. In order to use Jabber Jam, you will first need to create an account and then log in. Once you logged in, you will be able to see a list of chatrooms that are already created. You can filter this list by click on one of the categories at the right. If you can't find the chatroom you want in a certain category, you can create a chatroom in which you will need to enter the title and category of your chatroom. Once you created the chatroom, you will see your chatroom there and you will need to click on it to go in. From there, you can start talking about the topic, change the title and category, and delete the chatroom.

Technology Used:

FrontEnd: HTML, CSS, Javasript, jQuery
BackEnd: NodeJs, Express, MongoDB, Mongoose, Mlab
Deployment: Heroku, Travis

Documentation of API

GET https://jabber-jam.herokuapp.com/chatrooms
GET https://jabber-jam.herokuapp.com/chatrooms/:id
GET https://jabber-jam.herokuapp.com/chatrooms/distinct
POST https://jabber-jam.herokuapp.com/chatrooms
PUT https://jabber-jam.herokuapp.com/chatrooms/:id

DELETE https://jabber-jam.herokuapp.com/chatrooms/:id

How to use our code

Fork it to your repo.
git clone repo_link
npm install
make sure mongodb is installed
run mongod
run npm start
go to localhost:8080 in browser

Screenshots

SignUp Screen

When you signup, you go to log in screen
SignUp

Login Screen

When you login, you go to main screen
LogIn

MainScreen

This screen shows all chatrooms and all categories. You can also create chatroom from this screen. MainScreen

Filter

When you click on one of the categories, it shows list of chatrooms in that category. When you click on one of the chatrooms, it will lead you to the chatroom page.
Filter

Chatroom

In this screen, you can update title and category, send messages, delete chatroom, or go back to main page. Chatroom

Sending a Message

You can press your enter key or click send to send the message. SendMessage

jabberjam's People

Contributors

kyolf avatar patricewhite avatar

Watchers

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