top of page

Module 20 Case Study

JavaScript frameworks-amico.png

1. Coffee Page Codepen

Link: https://codepen.io/Aditya-Nair-the-sasster/pen/vYVvXVR

Screenshot 2023-07-31 at 8.59.30 PM.png

2. Product Page Codepen

Link: https://codepen.io/Aditya-Nair-the-sasster/pen/WNYxLQQ

Screenshot 2023-07-18 at 9.55.53 PM.png

3. Interactive Bootstrap Component

I chose to use the Tab Bootstrap component to create an interactive experience for the user because it allows the user to easily shift through categories of information without being overwhelmed by content.

4. Bootstrap Custom Code

Advantages

  • Using Bootstrap gives designers, a clear way to communicate the functions of components (i.e. tabs, cards, accordions,badges, dropdowns) to developers

  • Using Bootstrap gives designers, a clear way to communicate the layout of their design with developers using Bootstrap breakpoints,grid,containers,etc,

  • It gives designers a starting point for the style of their design via Bootstrap utility classes

  • Using Bootstrap gives developers, a vast amount of existing documentation that can easily be altered to fit their coding needs

Disadvantages 

  • Using Bootstrap limits the style that a designer can implement into their design because of the utility classes established by Bootstrap

  • Using Bootstrap requires developers to use someone else’s code, meaning they may have to make many alterations before arriving at the layout established by the designer

5. Would You Rather Work On a Project In Bootstrap or Custom Code?

  • I would rather work on a project in Bootstrap because it gives me a starting point with the code rather than starting from scratch.

​

  • It allows me to use trial and error to find the best solution rather than creating those solutions on my own.

bottom of page