anasdwc (anasdwc)

2023: Features
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Calculate the correct tip and total cost of the bill per person

Built With
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- TailwindCSS

2023: Slicing UI/UX from Figma to Live Website

Develop with
- HTML5
- CSS Flexbox & Grid
- Mobile-first workflow
- React - JS library
- TailwindCSS

Features
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Make a selection of which pledge to make
- See an updated progress bar and total money raised based on their pledge total after confirming a pledge
- See the number of total backers increment by one after confirming a pledge
- Toggle whether or not the product is bookmarked

2023: Features
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page

Built With
- Semantic HTML5 markup
- CSS Grid & Flexbox
- Mobile-first workflow
- React - JS library
- TailwindCSS