Easily find someone to debate online in an omegle-style showoff

Overview

Debate Bro

Easily find someone to debate online in an omegle-style showoff

Go to site

Tech Stack

Next.js + Socket.io + WebRTC (peer.js)

TODO

  • Change drag library to react-kit since current library has no support for flex-wrap
  • Fix bug where you get a selected topic but no call spawns
  • Add a "currently in queue" counter
  • Add some philosophy topics
  • Add some pretty framer-motion animations
  • Add a favicon
  • Add a graphic for when someone doesnt have a camera
  • UseLocalStorage hook is not updating when topics change since it just reads local storage data
You might also like...

Website for lists sharing in Find (getfind.app)

Find-Lists Website for sharing lists (data encoded in URL). https://lists.getfind.app/list?title=List&description=This%20is%20a%20description&icon=mes

Mar 31, 2022

Find your new favorite Scratch service.

Welcome to scratch-explorer 👋 Like ocular and ScratchStats? You'll love some lesser-known sites like Itinerary and Aviate. Just browse the collection

Oct 3, 2022

Help Ukrainian people find jobs in the EU, navigate visas and translating CVs.

We invite Ukrainians to Europe Since the beginning of war in Ukraine, more than 3.7 million people have left Ukraine, while an estimated seven (7) mil

Nov 12, 2022

This is our second school project in HTML 5, CSS 3 and JS. In this website you can find very interesting information about the countries around the world.

This is our second school project in HTML 5, CSS 3 and JS. In this website you can find very interesting information about the countries around the world.

Team Geonomy 💻 About This is a website about with interatcive map and very interesting information about different coutries 🗂️ Used technologies Use

Nov 23, 2022

🪵 Aggressively find a packages changelog (or releases) between versions.

🪵 changelogd Aggressively find a packages changelog (or releases) between versions. Status: Early Access Please report any issues 🐛 Made possible by

May 10, 2022

Find in note Trilium widget to replace the crappy ctrl+f search.

Trilium-FindWidget Find in note Trilium widget to replace the crappy ctrl+f search. Video sandbox.-.Trilium.Notes.2022-04-22.15-41-19_rescaled.mp4 Fea

Nov 22, 2022

Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love.

Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love.

Big Chief Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food

Jun 1, 2022

Extra modifications and enhancements for Discord Bot Maker. Mods you won't find on the DBM Network!

Extra modifications and enhancements for Discord Bot Maker. Mods you won't find on the DBM Network!

DBM Extended is a open source project meant to enhance and extend Discord Bot Maker. Downloads This repository is not meant to be downloaded or cloned

Oct 10, 2022

Find and parse the tsconfig.json file from a directory path

get-tsconfig Find and parse tsconfig.json files. Features Zero dependencies (not even TypeScript) Tested against TypeScript for accuracy Supports comm

Jan 2, 2023
Comments
  • Topic repository

    Topic repository

    The main feature of this PR is adding an admin page where you can manage the topics and categories.

    I decidede to make category a separate entity as I can imagine political topics can be pretty broad. As well as defining a type for the topics themselves.

    A Topic is an object with 2 keys:

    • name: string
    • category: TopicCategory

    A TopicCategory is just a string (originally it was a union type of predefined strings, but setting those union type values up from a db would be tedious as shit and would only affect development.. marginally.. if at all).

    Navigating to the /admin page displays a small login window where you can use the username "admin" and a password defined in the env vars with the key of ADMIN_PAGE_PASSWORD. If used in production it would ideally be a bit more secure and maintainable.

    After successfully logging in, you get 2 boxes: one with categories, and the other with topics - on the left and right, respectively. You can hit the Add ** button to reveal an input where you can enter the value you desire. Hit save on the right-side of the input to save the value. Creating a new topic requires you to also provide a category from the dropdown between the input field and the save button. None of these forms are validated on the frontend yet, so keep that in mind when testing.

    The Topic and TopicCategory data is stored in a redis db on heroku. The I can dm the connection string I used, it's up and it's free anyway. The string is taken the the env var key REDIS_URL. Both of these are stored inside their own list with the respective keys:

    • debatebro:categories
    • debatebro:topics However since Topic is an object it must be properly parsed when it/they is/are retrieved.

    I added some server-side helper methods to communicate with the redisdb, as well as the admin authentication. The helper methods (/api/redis/{type}) come with basic crud functionality in mind, however only create and read are available at this time.

    Finally, I added typescript to the project, but strict mode is off so you shouldn't have to worry about it interfering if it's something you unfamiliar with.

    opened by mia-z 6
Owner
Celeste
Computer science student at Ghent University. (she/her)
Celeste
Foot Locker is an online store specialized in selling shoes of all kinds, where you can find all the shoes you want

Foot Locker Links ?? Heroku link Adobe XD link Description Foot Locker is an online store specialized in selling shoes of all kinds, where you can fin

G11 1 Apr 16, 2022
A chat logs online saver for discord bots to save messages history & cleared messages online

Chat Logs NPM package that saves messages online to view it later Useful for bots where users can save messages history & cleared messages online Supp

TARIQ 8 Dec 28, 2022
Serv is a platform for MSMEs to be able to easily find good vendors or services that are fits their needs.

Description Serv is a platform for MSMEs to be able to easily find good vendors or services that are fits their needs. For example, if someone wants t

null 3 Oct 3, 2022
Base62-token.js - Generate & Verify GitHub-style & npm-style Base62 Tokens

base62-token.js Generate & Verify GitHub-style & npm-style Secure Base62 Tokens Works in Vanilla JS (Browsers), Node.js, and Webpack. Online Demo See

Root 4 Jun 11, 2022
With this plugin, you can easily make a stopwatch or timer on your site. Just init, style and enjoy.

TimezZ With this plugin, you can easily make a stopwatch or timer on your site. Just init, style and enjoy. Features Typescript support Support all en

Valery Strelets 37 Dec 5, 2022
CryptoList allows users to find out the latest information about top cryptocurrencies

CryptoList allows users to find out the latest information about top cryptocurrencies. The app allows users to find the most popular currencies, sort them out by market cap, gainers, and losers.

Eapen Zacharias 4 Aug 19, 2022
Find stale dependencies in the package.json file(s).

staledeps Find stale dependencies in the package.json file(s). Installation npm install -g staledeps Or simply using npx, the package runner bundled

Michael Mok 6 Dec 15, 2022
Find and fix dangling files and unused dependencies in your JavaScript projects.

unimported Find unused source files in javascript / typescript projects. While adding new code to our projects, we might forget to remove the old code

Stephan Meijer 1.6k Jan 4, 2023
Brew-Near-You - An app that makes it easy to find a brewery near you

Brew Near You An app that makes it easy to find a brewery near you Built With HT

Taylor Vaughn 1 Aug 3, 2022
A NEXT.js stock lookup app to find up-to-date data about a stock using Finnhub's API

Stock ticker challenge A NEXT.js stock lookup app to find up-to-date data about a stock using Finnhub's API. Thought Process I decided to make a searc

Sean Macfarlane 5 May 30, 2022