Gadgets Store

This is a React application that provides access to a variety of gadgets, including phones, tablets, and other electronic devices.

The app offers the following features:

• Products are organized by category
• Users can add products to their favorites and shopping cart
• Users can filter products by name, ear, and price
• Users can search for specific products
• The home page features a hot prices carousel
• Each product has its own info page, where users can view all product details and add the product to their favorites or shopping cart
• Technologies Used

This application was built using the following technologies:

• React
• React Router DOM
• Material-UI library (with a focus on the Grid component)
• SCSS
• BEM methodology
• server hosting - Render
• database - Neon, PostgreSQL

Installation

To install this application, you can follow these steps:

• Clone this repository: git clone https://github.com/fe-nov22-shd/catalog-api
• Navigate to the project directory: cd gadgets-store
• Install the dependencies: npm install
• Run the app: npm start

Usage

• To use this application, simply open it in your browser.
• You should see the home page with a hot prices carousel and a navigation bar that allows you to browse products by category.
• You can add products to your favorites or shopping cart by clicking the corresponding icons on each product card.
• You can filter products by name, ear, and price using the search bar and filters on the left side of the screen.
• You can also search for specific products using the search bar at the top of the screen.
• When you click on a product card, you will be taken to the product's info page, where you can view all product details and add the product to your favorites or shopping cart.
• You can also change the product's capacity and color if those options are available.

Contributing

If you'd like to contribute to this application, feel free to submit a pull request or open an issue on GitHub.

License

This app is licensed under the MIT License. See the LICENSE file for details https://opensource.org/license/mit/.

I hope this helps! Let me know if you have any other questions or if you'd like me to review your README file for you.