Explore the official Tailwind CSS v2 documentation to learn about utility-first CSS for building custom designs:
👉 Tailwind CSS Documentation
Learn how to use pre-designed alert components based on Tailwind CSS to display contextual information, such as success, error, or warning messages:
👉 Flowbite Alert Components
Create interactive custom confirm alert boxes using HTML, CSS, and JavaScript. Check out the example implementation on CodePen:
👉 Custom Confirm Alert Box on CodePen
Reserve a 1:1 space in your project for chart visualization using Chart.js.
To maintain a clean and meaningful commit history, please follow this commit message format:
Use one of the following types:
- feat: Adding a new feature
- fix: Fixing a bug
- refactor: Improving existing code without changing functionality
- docs: Updating documentation (e.g., README, comments)
- style: Updating code style (e.g., formatting, missing semicolons)
- perf: Improving performance
- test: Adding or updating tests
- chore: Maintenance tasks (e.g., updating dependencies)
- 🚀
feat: Add website header with navigation bar - 🛠️
fix: Resolve header alignment issue on mobile - 📄
docs: Update README with commit guidelines - 🎨
style: Format CSS for header component - 🔄
refactor: Optimize header component structure
Main Buttons - bg-gradient-to-br from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-500 transition ease-in-out duration-500 cursor-pointer
Sub-Button(Delete Button) - bg-gradient-to-br from-red-600 to-red-700 hover:from-red-700 hover:to-red-600 transition ease-in-out duration-500 cursor-pointer
Font - Robotto
Sub heading - text-yellow-500 font-semibold
Heading - text-grey-700
Text(Content) - text-grey-400