porfidev / codifin-test-project

React.js project for Codifin

Codifin Test

This test was coded by porfi.dev

Requirements

• Node v18+

Installation

1. Open root folder
2. Install dependencies with npm install
3. Run project with npm run dev

Online version

Visit https://porfidev.github.io/codifin-test-project to use

Usage

How to Add New Product

1. Press "Agregar Producto" Button
2. Fill form required data
3. Press "Crear Producto" Button to finish

How to Add Product to Cart

1. On product list press "Agregar al carrito" button or
2. Press picture of product to enter to Product Detail view then press "Agregar al carrito" button
3. Counter on Cart button must increment

How to Remove Product from Cart

1. Press Cart button (upper right button)
2. On displayed list press trash button to remove product from your cart

How to Search and Sort Products

1. For search, type on input and press "buscar" button
2. To clean filtered search press "limpiar" button
3. To toggle form Ascending, Descending and No Ordering press "Ordenar" button

⚠️⚠️ Ordering applies on filtered search result. ⚠️⚠️

TODO List

• Prevent product price starts with Zero
• Persist Cart on Local Storage
• Show default image on products without photo
• Add Custom error component instead Alert
• Add Responsive CSS
• Remove duplicated components