Product List Application

This is a Product List Application built with modern web technologies to provide a seamless user experience for browsing and managing products. The application is deployed and live at wingman-test.vercel.app.

Features

• Product Filtering: Easily search and filter products by title.
• Responsive Design: A polished UI that adapts to all screen sizes, powered by TailwindCSS and shadcn/ui.
• State Management: Efficient state handling with Zustand.
• Modern Development Stack: Developed using Vite, React, and TypeScript for fast and type-safe development.

Tech Stack

• React: For building user interfaces.
• TypeScript: Adds static typing for a more robust codebase.
• Vite: Fast and modern development tooling.
• TailwindCSS: For utility-first CSS styling.
• Zustand: A minimalistic state management solution.
• shadcn/ui: Pre-configured components for building a polished UI.

Installation and Setup

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/abiel13/wingman_test.git
   cd wingman_test

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:5173/.

Deployment

The application is deployed on Vercel. Visit the live demo at wingman-test.vercel.app.

Folder Structure

src/
├── components/    # Reusable UI components
├── pages/         # Application pages
├── store/         # Zustand state management
├── styles/        # Global and TailwindCSS styles
├── utils/         # Utility functions

---

Author: Abiel Asimiea
If you have any questions or feedback, feel free to reach out!