https://soysauc.github.io/se_project_aroundtheus/ Technologies
This project was made using Display: Grid and also honed in on the use of Flexbox properties. What was also explored was the use of media queries in order to produce an attractive, responsive design. When you load up the project on different screen resolutions you are met with an adaptive layout that molds to that very screen.
08/18/2022 Incorporated JavaScript technologies and removed card elements to be replaced by a template which loads upon opening. A functional pop up window was also added, these implementations are also responsive at different viewports.
08/26/2022 Incorporated adding and removing card blocks with a functional 'trashcan' button and the addition of responsive image pop-ups.
10/12/2022 Refactored code using Object Oriented Programming and JavaScript Classes. The functionality did not change from the previous sprint but the code became much more concise and cleaner. We kept our scripts separate in order to increase readability.
Figma
- [Link to the original project on Figma] https://www.figma.com/file/m79HxYeZpOXRw0Tz2eZGOV/Sprint-5%3A-Around-The-U.S.-%7C-desktop-%2B-mobile?node-id=0%3A1