Skip to content

Latest commit

 

History

History
59 lines (37 loc) · 2.18 KB

File metadata and controls

59 lines (37 loc) · 2.18 KB

Hospital_Management_System


Explore the official Tailwind CSS v2 documentation to learn about utility-first CSS for building custom designs:
👉 Tailwind CSS Documentation

Tailwind Alerts Template

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

Custom Confirm Alert Box

Create interactive custom confirm alert boxes using HTML, CSS, and JavaScript. Check out the example implementation on CodePen:
👉 Custom Confirm Alert Box on CodePen

Adding Charts

Reserve a 1:1 space in your project for chart visualization using Chart.js.

📌 Git Commit Message Guidelines

To maintain a clean and meaningful commit history, please follow this commit message format:

1️⃣ Commit Types

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)

2️⃣ Example Commit Messages

  • 🚀 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

Designing Principles

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