Product-List-App

Product-List-App is a React application that allows users to search and filter through a list of products. It utilizes React's state hooks for managing the application state and performs conditional rendering to display the filtered products. The application is designed using SCSS for styling.

Demo

👉 You can view a live demo of the application here.

Features

• Search functionality: Users can search for products by typing in the search box.
• Filtered results: The application dynamically filters the product list based on the search query.
• Responsive design: The application is responsive and works well on various screen sizes.

Technologies Used

• React: A JavaScript library for building user interfaces.
• JavaScript: The primary programming language used for building the application logic.
• HTML/CSS: For structuring the application and styling the user interface.
• SCSS: Used for styling the application with a more structured approach.
• Yarn: Package manager for managing dependencies and scripts.
• Netlify: Used for deployment and hosting of the application.

Installation

To run the application locally, follow these steps:

1. Clone the repository:

   git clone <repository_url>
   
   

2. Navigate into the project directory:

   cd Product-List-App

3. Install dependencies:

   yarn install

4. Start the development server:

   yarn start

5. Open http://localhost:3000 in your browser to view the application.

Usage

Once the application is running, you can:

• Type in the search box to search for products.
• View the dynamically filtered results based on your search query.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request.