Given a sample data set in JSON, use the data to replicate the HIDIVE Home Page to the best of your ability to showcase your skills.

Deploy the source code and final page to a hosted environment if possible. Link to the HIDIVE home page: https://www.hidive.com/

View the finished webpage.

• Top Nav
  • User Menu
  • Search Bar
• Top Banner
• Featured Slider
• Content Sliders from JSON data
  • Dropdown on Video Selection
  • Registration Modal
• Footer
• Contact Us Modal with Form

• Docker
• Flask
• React
• react-slick
• react-select

• There were � characters in the JSON data substituting the apostrophes. I manually converted them to apostrophes.
• I realized that modals were using bootstrap after implementing them from scratch in react. I choose not to re-implement them in the interest of time. All hidive.com features were retained except for the transition effects.
• This was my first time working with Docker. A decent amount of time was spent figuring it out and setting up the server.
• I have limited experience with CSS transitions and they were a pain point here. I implemented a few, but did not have time to finish all of them.