Developing is not an easy task and as a developer we love to automate our work flow and be as lazy as we can. Keeping an eye over some of the modern problems and requirements, In this hackathon we the Team of 4 passionate developers have come up with a solution to build a set of chrome extensions under one extension that can help them in the following manner.The set includes:
- Grid system
- Drag and drop system
- .Sketch Board System
- Alan Voice Assisstant
- Worklist.
So We have wrapped all the features and functionalities inside a single chrome extension, The Helping Hand.
It is often observed that while placing the elements(or div) in a developing page, we face the problem of comparing the symmetry or gaps on both sides or even alignment of a particular element. So we have the designed a grid functionality where user can have their own defined grid margins (just like a user-defined graph sheet) Which would be the best according to his needs for aligning the objects accordingly. Tech Stack -CSS,JavaScript.
This feature is basically designed in such a way that the developer can drag his div itself from the browser over the screen and adjust its alignment as per required without changing his original code. This is most beneficial during the UI changes where we can arrange the item to try out and observe different layers. Tech Stack/Library-jQuery
We have many things that we want to point out in browser. just as an example- A teacher pointing to some lines in the documentation from the browser. So the Sketcher can be helped in pointing out over the browser itself. Tech Stack/Library-p5.js
We can set up an Alan Voice assisstant using Alan AI throught the content scripts over the browser extensions Tech Framework/Library-Alan AI
A work list for reminder where we can put our thoughts or our todos. Tech Stack -CSS,JavaScript,HTML.
HELPING.HAND_.A.developer.friendly.chrome.extention.mp4
- Aditya Verma
- Sakshi Garg
- Hannan Afridi
- Manash Pratim Pathak