My final week, and a new experience, because this is my first time coding in vue. I had to do some reading trying to figure out how it is used as a framework and how it builds on top of standard HTML, CSS and JavaScript.
About the Repo
dcall is an app that allows for a person to create a meeting room, creating a name, and allowing them to toggle camera and voice.
Contributions
Issue
Pull Request
For this contribution I had to find a way on how to properly set up the Vue files. I had to find out which files I had to modify in order to modify the correct pages and update the files without error.
After tracking down which files I had to modify I had to decide on what I wanted to change so that the UI looks better. So I opted to change the background as a solid color but dark color because of my plan for the bar so people can enter the room name.
My first update I changed some of the buttons within a room to be able to have a gradient flow when a mouse is hovering over. But the owner did not want any gradients so I opted out for a more simple look for the button.
Then the search bar when inputting the rooms name. I decided that it would have a glow affect when the mouse is hovering over it. It took some time to explain to the owner that the shadow casting was necessary to be there for that effect to properly animate.
Thoughts
It took a bit of time to understand how vue properly worked but it worked out in the end. There were several modifications due to the owners perspective for his app but it was easily fixed. Though this means there's still for me to learn.
Top comments (0)