Hall of Boards

Hall of Boards is an innovative web application designed to empower users with the ability to customize the colors of various elements on a keyboard through intuitive dropdown menus. By providing a straightforward interface, users can effortlessly build their own personalized keyboards, which can then be named and showcased for others to appreciate.

The development of this application harnessed the power of React, a widely acclaimed JavaScript library renowned for its versatility and efficiency. Leveraging React's state management capabilities, as well as the flexibility offered by useEffect, Hall of Boards successfully achieves the dynamic creation of keyboards. The select menus seamlessly cycle through a curated collection of images, meticulously layered together to form a comprehensive keyboard representation. This intricate process primarily involves aligning four layers of .png files using CSS, meticulously saving them into an array, and subsequently mapping the array to display the individual keyboards.