Google Code-in

Reference: Github Issue #19 (Make sure to read the complete task details on GitHub)

What you will need to know?

Basics of HTML Canvas, CSS.

Integrate HTML canvas for illustrator environment

Create a new route in codebadge project for new badge creation. The route shall be directed to a new page which shall have an HTML Canvas integrated where the user can create their badges. This canvas must be centrally aligned and must be white.

Expected Outcome

The route /newbadge shall be made and must have an HTML canvas integrated. for example, you can see the screenshot provided in the GitHub issue above.

Resources & References (Where to Start)

You can go through HTML Canvas tutorial and edit its code. Refer sample drawing app made in simple HTML, css and javascript for help. Reference UI design for task https://images.app.goo.gl/24Y1uLi9Mn4XQ3b18

• Vue bootstrap
• icons ### Extras Just follow the readme whenever you are stuck. Visit Codeuino's Website in case of any doubts.