WEB DEVELOPMENT: ONLINE PLATFORM FOR VIRTUAL CONVENTIONS

December 2021

I have always wanted to go to conventions where people can chat with others and set up their artist tables to sell their arts. However, during the pandemic, there was no in-person conventions, so I decided to build an online platform for virtual conventions.

It is not perfect due to time restriction with the assignment, but I made the following functions work:

  • Use Javascript to draw the tiles map and make the user move around the map (with some places you cannot go through)

  • Enable each user to choose their own avatar (preview of the avatar walking when hover), or upload new files

  • Enable each user to display their username; when they send messages the messages will display in the room for a few seconds.

  • Enable multiple users to be there using p5js live (however I found it was not powerful enough, that the program ran very slow with it)

  • Enable users to set up tables, upload art and check what do other tables have (I achieved it using javascript as well but I switched to php to do file uploads as I want them to be there even if we log out)

  • After the tables are settled up, you can no longer edit them.

  • When you click the merch on the tables, it will lead you to the shopping site.

I also have a todo list and a demo of what I can make p5live media work in the video

ONLINE PLATFORM FOR VIRTUAL CONVENTIONS

WEB DEVELOPMENT: ONLINE CHATROOM WITH REGISTRATION SYSTEM

A practice. April 2022

I used html, php and sql to write this online chatroom, which includes the following functions:

  • register accounts and log in (all the data are stored in system, if you type the mismatch password, there will be error messages.)

  • send messages into the chatroom

  • see the current online users

  • see your id on the chatroom

  • if your message contains banned word, it will not be sent

WEB DEVELOPMENT- ONLINE CHATROOM WITH REGISTRATION SYSTEM