Giter Site home page Giter Site logo

emperor-2001 / sketchnchat Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.91 MB

A webApp that combines realtime illustrations and chatting at one spot

Home Page: https://sketch-n-chat.onrender.com/

HTML 14.61% JavaScript 42.67% CSS 42.72%
css express html javascript nodejs socket-io

sketchnchat's Introduction




SketchNChat

This webapp is used to draw free hand illustrations as well as chat with friends in real time in private discussion rooms.
Use at :     https://sketch-n-chat.onrender.com/


⚙ About

  • It provides users with a platform to express their thoughts in a pictorial form as well as chat to resolve any ambiguity
  • It provides users with gala time to enhance creativity and also a platform to organize discuusions.
  • It allows users to create illustrations with variable size and with various different colours .
  • It is equipped with the concept of rooms , therefore allows users to simulate private discussion rooms
  • Any new creation can be started by simply clearing the previous one


Process and Specifications

  1. Open the Canvas Board Web Application
  2. Join a Room by typing a suitable name for it.
  3. Share the room name with your friends to create a private discussion group.
  4. Select colour of your wish from the colour palette.
  5. Choose the size of the drawing as your desire
  6. Start Drawing.
  7. Resize the drawing font and change the color anytime amid the creation.
  8. Clear the illustration anytime.


User Interface

  • Initial Interface:

index

  • Create/Join a Room and share with freinds/ colleagues

step1

  • User 1 Interface

step2

  • User 2 Interface

step2

sketchnchat's People

Contributors

emperor-2001 avatar

Watchers

 avatar

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.