All solutions

I created an Advice Generator app using React, fetching random advice from "https://api.adviceslip.com/advice". The user can click a button to receive a piece of advice along with a unique identifier. The project is styled using Tailwind CSS, providing a responsive and visually appealing design. The app features a modern UI with a floating dice icon button, and the code is structured to efficiently handle API requests and manage component states.

Hi Devs,

Completed this project using react.js Only used tailwind CSS Starting on react was a bit slower after some basic syntax understanding its the simplest way of writing frontend code.

Any suggestions or any mistakes that you found on codebase be happy to comment.

Happy Coding👩‍💻

I find it difficult for assuming the size of the image. I am unsure about the placement of chess playing image position. How to control a image using position absolute and position relative?

All feedbacks are accepted and requested. Thank you see you in the next one.

Hello everyone, tailwind CSS framework in my learning path so took this project and used only tailwind CSS to get the output. It really took me time to figure out how to use tailwind CSS at the start but on the process realized the power of tailwind and its productivity. Just need to add some functionality to hamburger for mobile view. so that's it if you find something wrong in my code or you have better options to solve some problem in the code, Please comment.

!!From Next Project jumping into React.js ⚡

I have done this by only using basic HTML, CSS and JavaScript.

Things I have learned from this :

1.Do the mobile design first and move to Desktop Design

2.Using of Grid for Text content to space equally

3.UnderStanding Media Queries

I am going to do the same using a JS library React and CSS frame work Tailwind CSS.

If you found any issues with my code or design Pls give me the feedback. Thank You Happy Coding

Making the Card text fit inside the correct content box size was not difficult but confusing as we have to use <br> regularly .