GithubHelp home page GithubHelp logo

jsjimenez51 / talk_story_app Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 2.2 MB

A Chatroom built with HTML, CSS, & JS

Home Page: https://talkstorychatroom.firebaseapp.com/

HTML 46.67% CSS 8.35% JavaScript 44.97%
chatroom html5 css3 javascript

talk_story_app's Introduction

Talk Story Chat

Running Live at: https://talkstorychatroom.firebaseapp.com/


What is it?

Talk Story Chat is a chat room app that allows users to communicate with each other in real-time via the chatroom. Currently there are multiple rooms that users can participate in based around certain themes. Also, the first time a users joins the chatroom they are "Anonymous" by default and have the ability to "Update" their name if they choose to do so.


Features

Talk Story Chat features include dynamically/asynchronously delivered content based on user input. This includes dynamically rendered chat messages, the ability to utilize emojis as well as symbols in chat, the ability to Update your User Name, conversation persistence, timestamping according to when a message was sent, as well as the ability to change chatrooms.

Built with:

  • HTML5
  • CSS3
  • JavaScript
  • Firebase Hosting

Implemented Functional Features:

  • Update user name
  • Change Chatroom
  • Send Real-Time message to board
  • Chat persistence

Roadmap for Development:

  • User Login/OAuth
  • User based permissions
  • Private Chatrooms
  • The ability for any user to create/delete a room
  • The ability for room "owner" to delete messages
  • Multi Media embedding support
  • Friend Lists
  • Favorites Lists

ScreenShots

  • Main UI:
    Main UI

Author

talk_story_app's People

Contributors

jsjimenez51 avatar

Stargazers

 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.