Information

Website: https://authworria.com ⑊ Support Email: ray@authworria.com

The purpose of this project, which was made for the International Baccalaureate Personal Project, is to develop a website where you can not only game with each other but also socialize with them, combining the gaming experience with the experience of grabbing a cup of coffee with a mate at a cafe.

Backstory

The word Authworria is defined as the growing anxiety while completing a story before its fast-approaching deadline. I picked this name for the project to reflect my concern about finishing it before the deadline, which is rapidly approaching.

Known Bugs

• User cant get into the /app or /login. #1

Explanation

The website is made using Node.js, Express, Firebase, Socket.io, Porkbun, Bootstrap, Font Awesome, and Google Fonts.

Authentication

The authentication is done using Firebase's Google authentication.

This line of code is essential for Firebase to authenticate users, and the .signInWithPopup will open a popup window prompting the user to sign in/up. We can also use .signInWithRedirect instead to redirect visitors to a page where they would sign in from and is more preffered on mobile browsers.

I use the method .getElementById to get the HTML element associated with that value, which is the "dashboard" and "loginscreen" in this example. Then I alter the css value of the elements with .style. .display = "block" makes the element visible, whereas .display = "none" makes it invisible. As a result, after the user logs in, the "loginscreen" is replaced with the "dashboard".

TODO

• Sign In & Sign Up
  • Create the login / signup page
  • Google and other methods of signing in
  • Get data from the login and send to dashboard
  • Username filter
• Web-Chat
  • Validate the users identity using a token
  • Create web-chat page
  • Add a word filter to block inappropriate messages
  • Servers and Direct Messages
  • Create a chatroom for each game
  • Custom status
    • Show own status in the profile section
    • Make others be able to see your status
    • Be able to change the status or remove it.
• Multiplayer Web-Game
  • Authorize users with their token
  • Design the game
  • Add web-chat to the game