The 1811 Slave Revolt website is a custom website build using Drupal 9. The design of the website was created in Photoshop, and I was tasked to create the new website with some features when the user land on the home page. I used Composer and the Bootstrap framework to build the website and create a custom feature that has a popup open for first time users to show a random name of someone during that time and learn more about what happened to the random name that is selected.
I was given an Excel file with all the names and the details of the individual person. The approach I took to complete this feature was to convert this Excel file into a CSV file and build a small application to read the CSV into JSON format and display the names and details of the person. When a user clicks on the “Learn More” link in the popup, it would take the user to the individual’s name on the website with the history details of the person randomly selected in the popup.