![\"Kaneo's](\"public/logo.png\"){kind=logo}
\n \n \n \n
An open source react calendar focused on simplicity and efficiency.
\n\n## Features\n\n- **Simple & Fast**: Minimalist interface with powerful features\n- **Drag & Drop**: Advanced appointment creation\n- **Open Source**: MIT licensed, free forever\n- Storybook available.\n## Technologies Used\n\n### Core Technologies\n- **[React](https://reactjs.org/)**: A JavaScript library for building user interfaces.\n- **[TypeScript](https://www.typescriptlang.org/)**: A strongly typed programming language that builds on JavaScript, providing type safety and better developer experience.\n\n### State Management\n- **[Zustand](https://github.com/pmndrs/zustand)**: A small, fast, and scalable state-management library for React.\n\n### Date Utilities\n- **[date-fns](https://date-fns.org/)**: A modern JavaScript date utility library for parsing, formatting, and manipulating dates.\n- **[dayjs](https://day.js.org/)**: A lightweight JavaScript date library for parsing, validating, and formatting dates.\n\n### Drag and Drop\n- **[@dnd-kit/core](https://dndkit.com/)**: A modern drag-and-drop toolkit for React.\n\n### UI Components\n- **[Radix UI](https://www.radix-ui.com/)**: Accessible, unstyled UI components for building modern React applications.\n\n### Styling\n- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for rapid UI development.\n\n### Build Tools\n- **[Vite](https://vitejs.dev/)**: A fast build tool and development server for modern web projects.\n\n### Testing\n- **[Vitest](https://vitest.dev/)**: A blazing-fast unit testing framework for modern web applications.\n- **[Playwright](https://playwright.dev/)**: An end-to-end testing framework for web applications.\n\n### Storybook\n- **[Storybook](https://storybook.js.org/)**: A tool for developing and testing UI components in isolation.\n- **[Chromatic](https://www.chromatic.com/)**: Visual testing and review for Storybook components.\n\n### Linting and Formatting\n- **[ESLint](https://eslint.org/)**: A tool for identifying and fixing problems in JavaScript code.\n\n### Utilities\n- **[clsx](https://github.com/lukeed/clsx)**: Utility for conditionally joining classNames.\n- **[cmdk](https://cmdk.paco.me/)**: A fast, composable command menu for React.\n\n### Development Tools\n- **[Husky](https://typicode.github.io/husky/)**: Git hooks for automating tasks.\n- **[Concurrently](https://github.com/open-cli-tools/concurrently)**: Run multiple commands concurrently.\n\n## Installation\n\nInstall react-beauty-calendar in your project with your package manager of choice:\n\n```sh\n npm i react-beauty-calendar\n```\n\n## Running the App\n\nTo run the app locally, follow these steps:\n\n1. Clone the repository:\n\n```sh\n git clone https://github.com/Dikendev/react-beauty-calendar.git\n```\n\n2. Navigate to the project directory:\n\n```sh\n cd react-beauty-calendar\n```\n\n3. Install the dependencies:\n\n```sh\n npm install\n```\nor\n```sh\nyarn install\n```\n4. Start the development server:\n\n```sh\nnpm run dev\n```\n\nor\n\n```sh\nyarn dev\n```\n\nThe app should now be running at http://localhost:5173.\n\n### Running Storybook\n\nTo run Storybook locally, follow these steps:\n\n1. Ensure you are in the project directory:\n\n```sh\ncd react-beauty-calendar\n```\n\n2. Start Storybook:\n\n```sh\nnpm run storybook\n```\nor\n\n```sh\nyarn storybook\n```\nStorybook should now be running at http://localhost:6006.\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.\n\n## New Component Proposals\n\nFeel free to open a issue for new ideas and contributions.\n\n## Contact\n \nFor bug reports and feature requests, please use the issue tracker of this repository.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE) 2025.\n\nBiome lint\n\nnpx biome format --write\nnpx biome check --write\nnpx biome ci .\n","readmeFilename":"README.md"}