Hello there and welcome back to the clairecodes channel!
Today we will be learning how.to code up a well designed dribbble website! We will treat this as though we are a frontend developer who was given a figma file and must code it up! This is a great simulation of a real world job as I did this exact thing at my last company.
Dribbble reference: https://dribbble.com/shots/14393624-Confectionery-Website-Interactions
Github Repo Base: https://github.com/cfilipek/dribbble-tutorial-base/tree/main
Downloads:
Node: https://nodejs.org/en/
Git: https://git-scm.com/downloads
Visual Studio Code: https://code.visualstudio.com/
Image Asset: https://drive.google.com/drive/folders/19AfzR5Asf1eHnqJdEMKVyoh5JJbSHLLZ?usp=sharing
Fonts:
https://fonts.google.com/specimen/Open+Sans?query=open&sidebar.open=true&selection.family=Open+Sans:wght@400;600;700
https://fonts.google.com/specimen/Playfair+Display?sidebar.open=true&selection.family=Playfair+Display:wght@400;700
