
Feral Coffee – Responsive Design
Overview: The purpose of this project was to create a responsive website that worked on any device, incorporating visual changes on different screen sizes. The website feature a fictitious coffee brand and utilizes flex, grid, and Javascript.
Key Objectives:
• Use Media Queries for proper screen breaks
• Incorporate JavaScript to showcase products in different methods.
• Use relevant copy that endorses the business and uplifts the brand
Challenges:
The biggest challenge that came up within this project was using Javascript to create animated and interactive sections in the website. My goal to create a container that the products could sit in and the be able to used in different ways without having to redefine the products each time. In building this website, I was able come up with an idea and then build the website sections using code that accomplished that goal.
Conclusion:
This project helps showcase my ability to create interactive sections using JavaScript in a website as well as reinforcing brand identity using copy.