GithubHelp home page GithubHelp logo

seant1 / syncs-hackathon-2020 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ckesoglou/syncs-hackathon-2020

1.0 0.0 1.0 216 KB

TikTalk: A real-time text streaming chat app

Home Page: https://syncs-hackathon-2020.web.app

CSS 15.32% HTML 20.64% JavaScript 64.03%

syncs-hackathon-2020's Introduction

SYNCS Hackathon 2020

TikTalk: A real-time text streaming chat app

alt text

Devpost: https://devpost.com/software/tiktalk

Try it out: https://syncs-hackathon-2020.web.app


Inspiration / Problem

TikTalk is aimed at anyone who is willing to put themselves out there and text in a way that is based in the heart and not in the head. Social media has become calculated and cunning, sending messages in a way that are aimed to undercut and undermine others rather than being honest. COVID-19 has exacerbated this issue as many people now communicate solely through text.

What it does

TikTalk is a messaging service that allows you to watch users type in real time. You’re able to sign in, join a room and begin chatting with your friends straight away. This form of messaging mimics a real conversation and revolutionises traditional messaging applications which rely on heavily edited thoughts. TikTalk allows everyone to see what you think the moment something happens, not allowed for the superficiality of a turn-based text messaging app. As things happen, your organic reaction is captured and put on show – not an app for the light hearted! (and not banned in the US yet!).

Challenges

The biggest challenge we ran into was trying to decide what to develop. There are so many avenues and pathways we could've gone - for example, we thought to create a map with some sort of COVID tracing but decided against it due to time constraints. Coming to one decision about what choice was best for us to pursue was definitely a challenge! Aside from that, we had the typical software bugs along the way but with 6 people in the team, it was easy to put our heads together and try to work out what was wrong!

How we made it

TikTalk was written almost completely in raw HTML, JavaScript, and CSS. Firebase (platform as a service) was used to service the database and host the web application. These decisions were designed to minimise our time to market and ensure a high-quality, functional prototype from which we could continue to build on based on feedback!

Accomplishments we're proud of

It's easy to say that the biggest accomplishment is actually finishing this project in the given time period but, even further than that, it was our ability to problem solve. There were so many bugs to fix and instead of throwing in the towel, we thought outside the box, thought of solutions that are more sophisticated or efficient or streamlined in order to solve whatever problem we needed - and we think that's pretty cool! It's a skill we'll bring into our subjects at uni and our future placements!

Created by

  • Sean
  • Chris
  • James
  • Kevin
  • Sarah

syncs-hackathon-2020's People

Contributors

seant1 avatar kevinleung56 avatar ckesoglou avatar

Stargazers

 avatar

Forkers

check1e

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.