🎨 Accessibility UI Study

Welcome to the repository dedicated to studying UI accessibility (a11y). This is a personal space focused on delving deep into the intricacies of accessible UI development.

🛠 Technologies & Tools

This project leverages the following remarkable technologies:

• React: 📚 A JavaScript library for building user interfaces.
• TypeScript: ✍️ A strongly typed superset of JavaScript.
• Vite.js: 🚀 A build tool offering a faster and leaner development experience for modern web projects.
• Tailwind CSS: 🎨 A utility-first CSS framework for rapid UI development.
• Storybook: 📖 An open-source tool for developing UI components in isolation.

🔍 Prerequisites

To ensure a seamless development experience, you'll need:

• Node.js (v18.18.0) 🟢

For consistent environment settings and to minimize issues due to version discrepancies, we've locked the Node.js version to v18.18.0. It's recommended to use tools like asdf 🔄 to manage multiple Node.js environments. The .tool-versions file at the project root specifies the required Node.js version.

🚀 Getting Started

Development Mode

To jump-start the application in development mode, execute:

npm run dev

📚 Using Storybook

To activate and view components in Storybook, initiate:

npm run storybook

🧩 Create a New Component

To automatically generate a new component using a command, run:

npm run component