This is a solution to the News homepage challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
I learnt how to approach UI development using the Mobile-First approach.
I learnt how to setup SASS on Sveltekit. In addition; I refreshed my knowledge on mixins and variables.
I learnt how to create a custom responsive navigation bar.
I want to focus on creating more delightful UIs. Adding microinteractions to elements of the UI.
I want to focus on creating a better responsive navigation bar that fits seamlessly with the entire UI. In this project, the navigation bar pushes elements downwards which definitely needs some improvement.
Svelte Tutorial - This helped me to understand:
Sveltekit Docs - This helped me to understand:
Sass Docs - This helped me to understand:
Net Ninja Youtube Channel - This helped me to understand:
Svelte Add - This helped me to easily setup Sass for Sveltekit
Hats off to the Svelte Africa team. I drew inspiration from the official Svelte Africa website for conventions in naming and using components