Skip to content

A React application for searching and displaying customer information. This app provides a user-friendly interface to search for customers based on various criteria, ensuring a seamless experience. Features include case-sensitive search, responsive display of results, and a clear "No Results Found!" message.

License

Notifications You must be signed in to change notification settings

suvodeep12/Customer-Search-React-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Customer Search App

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.

Table of Contents

Features

  • 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.

Getting Started

Prerequisites

Make sure you have the following software installed on your machine:

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/customer-search-app.git
  2. Change to the project directory:

    cd customer-search-app
  3. Install dependencies:

    npm install

Usage

  1. Start the development server:

    npm start
  2. Open your browser and go to http://localhost:3000 to view the app.

  3. Enter a search term in the input box and press "Search" to see the results.

Data

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.

Styling

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.

Contributing

Contributions are welcome! If you have suggestions, improvements, or additional features to propose, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

About

A React application for searching and displaying customer information. This app provides a user-friendly interface to search for customers based on various criteria, ensuring a seamless experience. Features include case-sensitive search, responsive display of results, and a clear "No Results Found!" message.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published