Below are projects and assignments from Advanced Web Developement
For this project i used Vue js components called slide-component and a main instance that uses this component to create a slide show. First I started off creating the template component which hold all the html elements used. i use h2,and h3 headers to display the cat's name, adaptability, temperament and description for each cat. I also used bar chart, to display additional information about the cats, such as child_Friendly...ect, this chart was challenging since i did not know to write the code for it but thorugh research it all came together. A proper working slideshow was provided as a starting point for this project. I use props named breed string , which allowed the components to pass through the slideshow.
For my final project I continued to work on craftypikin's vector service project. Goal is to have a profesional website that caters to real clients. To enhance the look and feel of the project I added boostrap 5 to the website to make my own theme. The addition of bootsrap 5 allowed the integration of slideshows, gallery, pricing and visual appealing layouts. One challenging issue was a non fuctioning form that I had to fix. After extensive reseach I found some helpful developer tools that made the form easier to implement. Making this form submit to my email was the most challenging part of my project and I was able to approach this problem from a different angle to solve the issue. The online shop was created uing an ecomerce website. I added some custum codes to some of the pages to allow for custum uploaded images. In summary, the html code integrates bootstrap for styling and responsivenes which improved the overall quality of the website.