This is a solution to the Advice generator app challenge on Frontend Mentor.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to do the following:
- 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: Advice Generator App
- Live Site URL: app-generator-app.vercel.app
- Semantic HTML5 markup
- Tailwind CSS
- JavaScript
- Flexbox
- Mobile-first workflow
From the creation of this project, I learned how to better control custom properties in TailwindCSS and finally worked with an API for the first time.
- Stack Overflow - This helped me understand how to set some certain custom properties in Tailwind CSS.
- Advice Slip JSON API - This is the API I used to generate the random Advices.
- Frontend Mentor - @Victor-Okpukpan
- Twitter - @victorokpukpan_