This React application allows users to search and display customer information. It includes features for case-sensitive search across various customer details, such as name, age, location, gender, and income.
- Search Functionality: Users can search for customers based on various criteria, such as name, age, location, gender, or income.
- Case-Sensitive Search: The search is case-sensitive, ensuring accurate results.
- Responsive Display: Search results are displayed in a clean and responsive table format.
- No-Results Message: If no matching customers are found, a clear "No Results Found!" message is displayed.
Make sure you have the following software installed on your machine:
- Node.js (which includes npm)
-
Clone the repository:
git clone https://github.com/your-username/customer-search-app.git
-
Change to the project directory:
cd customer-search-app
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and go to http://localhost:3000 to view the app.
-
Enter a search term in the input box and press "Search" to see the results.
Customer data is stored in the customersData.js
file in the src
directory. You can modify this file to add, remove, or update customer information.
Basic styling is applied to the components to provide a clean and organized layout. Feel free to customize the styles by modifying the CSS files in the src
directory.
Contributions are welcome! If you have suggestions, improvements, or additional features to propose, please open an issue or submit a pull request.
This project is licensed under the MIT License.