japneetkaurbhatia/white-board

Welcome To White-Board

This project is a part of the following Open Source Program

Introduction

This is a simple beginner friendly project, used for writing or drawing.

Featues :

• Draw with Pen or draw a shape like rectangle
• Choose different colours and change pointer width
• Add Notes
• Switch Between Light and Dark Mode
• Record Screen or Take ScreenShot
• Night mode
• different type shapes like Circles Rectangle Star

Tech Stack :

• HTML
• CSS
• Javascript
• JQuery

Screenshots :

Light mode
Dark mode Whiteboard Rectangle

white-board's Issues

Set the mobile view

Add Contributors Section in readme

I want to add Contributors Section in readme.md file to showcase all the contributors of the repository. Do assign me under DCP'21. @japneetbhatia
Thank You.

Add marque tool

The [Marquee] tool is a tool that allows you to create all kinds of selections depending on a shape or drawing.

Update readme

Adding a colour

I am a contributor from devincept and this is my first issue. I would like to add a 'grey' color among the other colours. Can you please assign this issue to me?

Taking Screenshots

Functionality to take screenshots and save them to the device.

Hover Effects

Adding CSS Effects on the buttons in the header. @japneetbhatia

Creating pdf of canvas

I want to add one picture where we will show how the board will look after drawing and two more features for this whiteboard.

Create CODE_OF_CONDUCT.md file

I want to create a code of conduct file for those who are new to open source. @japneetbhatia Can I work on this?

Draw circle feature

Screen Recording

Complete draw_rect() function working

fav-icon

I want to add the fav-icon. I'm from DevIncept

Improving frontend

Pen tool

Add the tasks feature

By task feature I meant that we can add a page on which user can add the tasks or To-Do questions that he/she can practice later. After completion of those tasks he or she can just tick that task or cut that task from the page.

Dark Mode Enable

Add a contributors section

Add a contributors section ( profile pic & name of contributors) on Readme.md
Please Assign This to Me as DCP21

Adding Eraser

Change Icon for Pen-tool

Add name of feature below each feature icon in header

Adding Header At Top

Head Bar contains Heading "White-Board"

Make draw_triangle function

Add notes feature

the mouse cursor and the paint are not on the same point

Adding a Contributors Guideline

Redo Button Working

Dark Mode for canvas

Changing the background of whiteboard to desired colour by this feature .

Add some more badges to the top of README

Is your feature request related to a problem? Please describe.

Add some more badges to the top of readme.md file, since the badges will be colorful and more attractive at the top of README.md file than the text the users will like it and after linking the badges it will also help them to navigate to different sections/ webpages like PRs, issues, contributors, etc.

Since, after clicking on the present badges they will take us to this page, which is of no use..

Describe the solution you'd like

I will add some badges at the top and also will add links related to them so that the README.md file will look more interactive and awesome.

• Will add some more badges
• Will align them to center
• Will link them to related webpages/sections
• Will make them of single type

CONTRIBUTION

I would like to add guidelines for the Beginners in open-source along with images , resources and so on in the form of contribution.md . Please assign me