On this page, you will see a list of my personal projects I have built and the tools I have used.
I took FreeCodeCamp Front End Development Libraries Projects to improve my front end skills. With this project, I wanted to improve my React skills and gain experience using a frontend framework. With the styling, I kept it simple with CSS.
In this project, I wanted to heavily focus on using flexbox for layout. To continue to build with mobile-first design in mind and progressively build the design up. Looking for ways to improve the performance of CSS queries and render quickly in google lighthouse. Furthered, my experience of the architectural structure 7-1 CSS Architecture and Block-Element-Modifier. Use Sass more efficiently.
To build with mobile-first design in mind and progressively build the design up. To ensure my CSS queries are rendered quickly. Start to apply an architectural structure 7-1 CSS Architecture and use Block-Element-Modifier in my Sass. To think about how CSS is parsed while making styles and heavily use Sass.
I wanted the colours to reflect Juice Wrld posthumous album 'Legends Never Die. For the website, I included youtube iFrame linking to top songs from the album. Then I used Spotify embed and blended them into the website. I decided to use only vanilla CSS, test my knowledge of flex and grid for the layout and to make it fully responsive on all devices.
I wanted to make a great form that was responsive and worked on all devices. To use both flex and grid for the layout. I used a column for layout for the main content using 1fr for mobile and for tablet and for desktop 1fr 2fr. I also wanted to style form elements and make a custom select to make it visually appealing.