This is a solution to the Advice generator app challenge on Frontend Mentor
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Generate a new piece of advice by clicking the dice icon
- Solution URL: (https://www.frontendmentor.io/solutions/react-advice-generator-app-PfYAkIpj-X)
- Live Site URL: (https://abdalrzakalsouki.github.io/Advice-generator-app)
- Semantic HTML5 markup
- Flexbox
- SCSS
- Mobile-first workflow
- React - JS library
Improved my knowldge in integrating SCSS with React.
Going to keep practicing React with different technologies like Typescript, styled components, MUI, Vit, and Next.js.
- Advice Slip JSON API - The offical API website
- Frontend Mentor - @Abdalrzakalsouki
- LinkedIn - @abdulrazzakalsssouki