A web app built with React, Node.js, Express.js, Passport, PostgreSQL, Typescript and Mocha
Github Repo (Backend) | Github Repo (Frontend)
What is it?
The Social Media Toggle was initially conceived as a tool for live streamers. Live streamers commonly post on social media platforms like Twitter to let their audience know when they’re live streaming, however; when the streamer is finished, it is often good practice to delete their going live notification afterwards. Followers who click a live streaming link only to find a dead stream are more likely to ignore these notices in the future and if the live streamer isn’t an organic user of the platform, it’s easy for their social media profiles to become cluttered with nothing but dead going live notifications. This may give potential followers the impression that the profile is just going to spam them and they’ll avoid following the streamer.
Additionally, streaming sessions can be quite long and encompass many different kinds of content. Some streamers may do some graphic design work for the first hour of a stream, switch to playing a game for another hour and then wrap up a session by doing some commentary. Managing your social media mid-stream to keep the broader audience updated on what kind of content you’re providing can be tedious and upset the general flow of the stream. The Social Media Toggle was built to address these problems.
The Social Media Toggle allows users to manage their profiles in a quick and convenient way. By creating pre-written tweets before they start streaming, users can quickly update their going live notices on Twitter by toggling outdated notices off and toggling new tweets that represent the current state of the stream on with the click of a button. Once they’re finished streaming, they can simply toggle their dead streaming notices off.
Use Case diagram and documents
The Database
- PostgreSQL
- Deployed on AWS
The Backend
- Node.js
- Express.js
- A RESTful API
- Invokes external REST services (Twitter)
- Handles Oauth authorization
- User account system with user sessions and authentication (built with Passport.js)
- Implements CRUD operations through API
- Has a SQL manager
The Frontend
- React
- UI populated through API calls
- Frontend user sessions in sync with backend user sessions through a session id cookie
- Manipulates database information and engages with Twitter through backend API calls
