- Solution URL: https://github.com/mmubashshir/advice-generator
- Live Site URL: https://mmubashshir.github.io/advice-generator/
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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- JavaScript
- Mobile-first workflow
I learnt how to call the API using async/await function's and call the url using fetch API. I made a custom div i.e the dice icon as a clickable button, was not sure initially about its working. Anyways it was fun building it.
I would like to continue improving my HTML/CSS but mean time i would also like to build full stack websites involving Databases like MongoDB. Morever i would like to get familiar with react,redux and nextJS like frameworks.
- MDN Docs for fetch API - All other methods were depracated, used the asynchronous way i.e using async.
- Make div Clickable - Just simply shows how a div can be clickable.
- Github - Mir Mubashshir
- Frontend Mentor - @mmubashshir
- Instagram - @m_mubashshir