React Store technical test part of the Midudev course to learn React. Consists of an ecommerce where the user can search products and add it to a cart.
It was made using JavaScript and React.js. The styles were created using pure CSS. This technical test was made to prove the knowledge of the useContext and useReducer hooks from React.
- See all the products available from the store.
- Filter them by category
- Filter them by prize
- Add products to a cart
- Delete all products from the cart
- Node.js installed.
- NPM (it comes with Node.js).
-
Clone this repository in your computer:
git clone https://github.com/alejoevilches/react-store.git
-
Navigate to the project directory
cd react-store -
Install dependencies
npm install
-
Run the development server:
npm run dev
-
Access your localhost route to test the app.
If you want to test the app without installing the repository on your computer, you can check the deployment here.
When you enter the app for the first time, you'll see all the products available. You can filter them by prize or category. To add a product to your cart, push the cart button. If you want to access to your cart, click on the light blue button in the right corner to see your selected products.
Contributions are welcome! If you want to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b your-branch-name. - Make your changes and commit them:
git commit -m "Description of your changes". - Push your changes to your fork:
git push origin your-branch-name. - Create a new Pull Request on GitHub.
All contributions will be reviewed by the project maintainers. We will provide feedback and may request changes before merging your pull request. Please ensure that your code follows our coding standards and conventions. If you're unsure about anything, feel free to ask for clarification or guidance.
This project is licensed under the MIT License.