Accordion UI Component

An interactive accordion app built using React and Vite.

Demo: https://tarek-accordion.netlify.app/

Table of Contents

• Description
• Installation
• Usage
• Scripts
• Dependencies
• Contributing
• License

Description

The Accordion Vite App is a simple and responsive application that demonstrates the usage of an accordion component. It allows users to view frequently asked questions and their corresponding answers in an accordion format. The app is built using React, making use of the Vite build tool for a fast and efficient development experience.

Installation

1. Clone the repository:

   git clone https://github.com/tarektarho/react-accordion.git

2. Navigate to the project directory:

   cd react-accordion

3. Install the project dependencies:

   npm install

Usage

To run the app in development mode, use the following command:

npm run dev

This will start the development server, and you can access the app in your browser at http://localhost:3000.

Scripts

The following scripts are available:

• dev: Start the development server.
• build: Build the production-ready app.
• lint: Run ESLint to lint TypeScript and JSX files.
• preview: Preview the production build.
• test: Run unit tests.
• coverage: Run tests and generate test coverage report.

Test Coverage

Dependencies

The app uses the following main dependencies:

• React (^18.2.0)
• React DOM (^18.2.0)
• React Icons (^4.10.1)
• Vitest Fetch Mock (^0.2.2)

Contributing

Contributions to this project are welcome! To contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Submit a pull request to the main branch of this repository.

Todos

• Convert it into a library

License

This project is licensed under the MIT License.