extra-credit-assignment

Build a powerpoint (ppt) web application. You can refer Google slides for UI. The web application should support below use cases.

1. As a user, I should be able to see a white slide (white background) for adding text and image objects.
2. As a user, I should be able to see a toolbar with text and image icon.
3. As a user, I should be able to add a text object on the slide by clicking the text button.
4. As a user, I should be able to edit a text object by clicking it. When the text object is selected text formatting toolbar should be visible.
5. As a user, I should be able to apply bold, italics and underline on the text.
6. As a user, I should be able to add an image object on the slide by clicking the image button.
7. As a user, I should be able to able to resize both text and image objects by selecting the border of the object.
8. As a user, I should be able to drag and drop both text and image objects by selecting the border of the object.

Steps to Run:

1. Open index.html file
2. Click on Add text button to add a new text box
3. You can apply all the text editor features to the text
4. Press delete button to delete the text box
5. Click in Add image button to upload an image, you can upload multiple images

WebPack Configuration:

• npm init -y -
• npm i webpack --save-dev
• npm i webpack-cli --save-dev
• webpack --mode development
• Now edit the package.json file and add the "build": "webpack"
• Now create webpack_config.js file

References:

• https://geeksforgeek.org
• https://w3schools.com
• http://www.valentinog.com/blog/webpack-tutorial/
• https://cdn.ckeditor.com/ To include a library for text editor