All solutions

This is the first project that I use TailwindCSS and I find it really really powerful. It help me format CSS more conveniently and efficiently, easily responsive and change UI to dark mode.

And most importantly, don't have to think about the class name 😂😂.

But I wonder if using TailwindCSS in a large project is a good idea? Because it makes the HTML Code ugly, and difficult for someone to read your code.

Hi, looking forward to hearing from everyone.

In this challenge, I only had a little trouble when responsive (I built Desktop-First, then to Mobile version), and suddenly realized that it would be easier to build this project in the Mobile-First direction.

So I want to ask when should I build in Desktop-First direction, when should build in Mobile-First, or should both at the same time (after completing a component, responsive it before going to next component) ? 🤔🤔

I found this challenge really great and helpful for preparing for more difficult challenges later (Level 3, 4, 5). Because through this project I can practice my ability to use Grid System and build reusable components.

In some part of the project, I build UI according to my idea (because I think it looks better), is that valid ?

🤗Looking forward to receiving feedback from everyone about Animation and UI🤗

This is a ideal simple project for someone want to work with API. It is not to difficult and can practice using animation in CSS.

But I don't know the differences between animation and transition in CSS 😓😕 They confused me when making animation for the Dice button.

This is the first time I have used Bootstrap in my project, I really like it because of its Grid System - Flexible and powerful. Thanks to it, I have responsived for all devices resolution easily.

But I wonder that :

• Do people still use Bootstrap in their projects ?

• Which is better between Bootstrap and Tailwind ?

This is my second project using ReactJS, and this project doesn't have too much difficulty in JS code - but the hard part is mainly in the CSS part.

• I realized a cool thing in the process, that is the difference between e.target and e.currentTarget (e.target is what triggers the event dispatcher to trigger and e.currentTarget is what you assigned your listener to) . Because before I only used e.target without knowing about e.currentTarget , but thanks to e.currentTarget I was able to fix the event handling error in this project. 🤣🥰

🤗Looking forward to receiving feedback from everyone about Animation and UI🤗

This is my first project that uses ReactJS. So there were a few confusions during the implementation of the project:

• I haven't used Vite to create a ReactJS project and I had some trouble deploying the project to github => I followed this website and this video . But I find it quite annoying to have to create a branch, Is this a good way to push Vite project to github?

• Is it a good idea for me to use 'useState' and pass them through props for the child component to change the parent component's state?