This project was inspired by the layout and functionalities of Spotify, developed during Alura's Immersion week.
- Review: HTML, CSS, and JS in practice
- Advanced Styling and Positioning: Transforming Layouts
- Flexbox Layout, Pseudo-classes, and CSS Responsiveness
- CSS Grid, Media Queries, and DOM Manipulation with JavaScript
- Frameworks and Efficiency: Introduction to React and Angular
Details from the Spotify website that were not covered in the classes but which I chose to include in the code:
- Added scrolling in the sidebar so that the podcast section can become visible when scrolling the scroll bar.
- Included a container__links class to include all the links listed in the sidebar of the Spotify page (the project only includes the cookies link).
- Added effects on the sidebar buttons and the footer button.
- Added smooth color transition effect on the sidebar links (home, search, and library).
HTML5CSS3JavaScript
 Jéssica F. Rebelo |