Build a simple angular + firebase application
Budget: $10 – $30 USD
I would like a project to be created using the following details:
Build an Angular 8+ application with the following:
User authentication: Use Firebase to support authentication in your application, so that the first screen a user sees, asks them to login via their Google account. If the user is detected to have been already authenticated, then directly take them to the 2nd page.
Canvas: Once logged in, show a large canvas on the page using http://fabricjs.com/ and allow the user to draw using their mouse, the user should be able to switch the stroke color.
Everything the user draws here, should be synced into the Firebase database in real-time for that user’s account, automatically, without hitting a submit button.
When the user logs back in, retrieve their last written and auto-saved document and show it in the editor ready for editing.
Allow the user to insert images from their local computers into the canvas - the user should be able to move and resize the images. The images should be stored in firebase, and loaded into the canvas when the page reloads.
Extra Credit: Enable a user to share the canvas with another user, to do that:
The user enters an email in a text box and clicks on a “Share” button
Only the owner of the canvas can share it
When the other user logs in, they can see a list of shared canvases, and click on any of them to render it.
Build an Angular 8+ application with the following:
User authentication: Use Firebase to support authentication in your application, so that the first screen a user sees, asks them to login via their Google account. If the user is detected to have been already authenticated, then directly take them to the 2nd page.
Canvas: Once logged in, show a large canvas on the page using http://fabricjs.com/ and allow the user to draw using their mouse, the user should be able to switch the stroke color.
Everything the user draws here, should be synced into the Firebase database in real-time for that user’s account, automatically, without hitting a submit button.
When the user logs back in, retrieve their last written and auto-saved document and show it in the editor ready for editing.
Allow the user to insert images from their local computers into the canvas - the user should be able to move and resize the images. The images should be stored in firebase, and loaded into the canvas when the page reloads.
Extra Credit: Enable a user to share the canvas with another user, to do that:
The user enters an email in a text box and clicks on a “Share” button
Only the owner of the canvas can share it
When the other user logs in, they can see a list of shared canvases, and click on any of them to render it.