A responsive web application built with TypeScript, React.js, Next.js, and MUI to browse and search products. This app allows users to view products, filter by categories, and search for specific items in an intuitive interface.
- Product Browsing: Users can browse products displayed dynamically.
- Sorting and Searching: Sort and search products by name for a smoother experience.
- Responsive Design: The app is optimized for various screen sizes, ensuring a seamless experience across devices.
- Live Demo: You can check out the live demo of the product viewer at Live Demo.
- TypeScript: For type-safe JavaScript and better developer experience.
- React.js: For building the user interface with reusable components.
- Next.js: To enable server-side rendering and better performance.
- MUI: For Material-UI components and consistent design.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/nikama-s/view-products.git
-
Install the dependencies:
cd view-products npm install
-
Run the development server:
npm run dev
The application will be available at
http://localhost:3000
.