/jesus-zapata-front

Jesus Zapata frontend Test

Primary LanguageJavaScript

Jesus Zapata frontend Test

Build Status

This repository fix the coding challenges related with the FrontEnd

Instalation

To install this project is very easy only we need install npm in the last version available and then run the follow command

npm start

After you can open the Web Browser using the follow url http://localhost:3000

Summary

The Project was realized using React + Redux using several components

For the web interface we use https://semantic-ui.com/ a CSS Framework

The creation of Components was done to separate the different functionalities and have the most modulated application

Below is a tree with all the components created

  • App
    • HeaderContainer
      • Buttons
        • CartButton
        • RegisterButton
        • UserButton
    • BodyContainer
      • GeneralCategory
      • ListProduct
        • Buttons
          • AddProductButton
      • MainSearch
    • CartContainer

Screenshot

Home

View all product and we can sort and find one product

image

Register user

Crear nuevo usuario para poder comprar

image

Checkout

Modify the shopping cart

image

Register the address to send the purchase

image

Register the payment method

image

Confirm the purchase

image

Note: This Project I did in 3 calendar days and previously I had no experience with React, I have experience in AngularJS after understanding the way of working everything was much easier