Git Product home page Git Product logo

blocs's Introduction

๐Ÿ’ป Project Name

Blocs - Virtual Spaces

๐Ÿš€ Tagline

Get rid of boring discord servers! Experience virtual events in a whole new way!

๐Ÿ’ก The Problem it solves

Boring Discord Servers

  • Ever since 2020, Events are going online! This calls for a revamp of our event infrastructure as more and more events are held online or hybrid.

  • Discord servers are not a good interface for hosting events, they can get overwhelming, un-navigable boring as the size of the event grows.

    • What we're trying to do is we're making a virtual, but extremely visual representation of an event, A virtual Space for events
    • You can visualize and "live" the event just like offline events.
    • We created a 2D map which mocks the real environment of an event.
    • Some of the key features include:-
      • VIRTUAL ROOMS
        • Rooms for All Webinars
        • Rooms for Minor Events
        • Rooms for Sponsors
        • Rooms for Networking
      • THEMED MAPS
        • All events are different, which calls for the need to be able to build UIs that cater to the events needs
        • You can make your own map for your events
      • INTERACTIVE OBJECTS
        • These virtual spaces can have interactive objects, when a user visits these objects they respond with premade templates.
        • Examples:
          • Zoom Bots - create zoom meeting links, instantaneously
          • FAQ Bots - Ask anything about the event!
          • Advertisment Bots
      • EVENT LEVELS
        • Phases of the events can be categorised as game levels
        • Ex: Level 2 == Hacking phase
        • This gives a direct visula cue of whats going on in the event!

๐Ÿง  Challenges we ran into

  • Making a virtual world sounds exciting, but, its complicated!
    • Under the hood this a 2D Realtime Multiplayer RPG Game!
    • We faced a lot of challenges while selecting the right Game engine to get the work done.
    • Lots reading documentation was done.
  • Every thing had to happen in REALTIME
    • We had to learn about WebSockets and implement complex server side logic using the same.
  • Lastly, choosing a good name was a pain in the B.

๐Ÿ”จ Technologies Used :

  • Socket IO
  • PIXI JS
  • Agora
  • Node JS
  • React
  • NextJS
  • HTML/CSS/JavaScript
  • SCSS
  • Figma

๐Ÿ”— Links

๐ŸŽฅ Video Demo

๐Ÿ“ท Pictures

Test Image 1 Test Image 2 Test Image 3

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.