purrfect-ui

Purrfect-ui

React/Typescript Project with Vite, Storybook, Vitest, and React-icons.

This React project is set up with the following tools:

Vite: A performant bundler for React applications. Storybook: A tool for creating and documenting user interfaces. Vitest: A testing framework for JavaScript applications. React-icons: Provides a vast library of icons from popular icon packs. ESLint and Prettier: Linting and code formatting tools to maintain code quality.

Getting Started

• Clone the repository.
• Navigate into the project directory.
• Make sure Docker is operational.
• Prompt make up to launch the environment.

Features

Styled Components, Storybook (example component: Button), and React-icons for easily incorporating icons. Base configuration with ESLint, Prettier. Unit tests with Vitest and Testing Library.

Goal

The goal of this project is to create a solid foundation for developing React applications with the best tools and practices. By documenting the steps and configurations, we make it easier to collaborate and maintain the project.

If you would like to contribute to this project, please feel free to create issues or pull requests.

Documentation

• Frontend Libraries:
  • React https://react.dev/
  • React DOM https://www.npmjs.com/package/react-dom
  • TypeScript https://www.typescriptlang.org/
  • Styled-components https://styled-components.com/
  • React-icons https://react-icons.github.io/react-icons/
• Development Tools: * Docker https://www.docker.com/
  • Vercel https://vercel.com/
  • Vite https://vitejs.dev/guide/
  • ESLint https://eslint.org/
  • Prettier https://prettier.io/
• Testing Tools:
  • Vitest (testing framework): https://vitest.dev/
  • Testing Library (testing utilities): https://testing-library.com/
• User Interface Tool:
  • Storybook: https://storybook.js.org/