/Formula2Vie

Creación de E-comerce para la empresa Formula2Vie haciendo uso de React

Primary LanguageJavaScript

Formula2Vie


Introdcción

Formula2Vie es una idea qué surgió a raíz de la preocupación sobre el orígen y uso de diferentes tipos de cosméticos usados sobre nuestro cuerpo, es una alternativa diferente a la línea de cosmética tradicional e industrializada. La primicia fué inicializada gracias al trabajo de una jóven, Angie Herrera ingeniera química hizo posible el desarrollo de este proyecto con sus conocimientos, desarrollando la idea a comienzos del 2017 y avanzando poco a poco desde su entonces; a día de hoy contando con un punto de fábrica/producción, donde elaboran todos sus productos.

La idea de este proyecto es brindarle una herramienta de importancia más enfocada al sector profesional, en el que dentro de esta puedan dar a conocerse como empresa y claramente mostrar todo el catálogo de productos con los que cuentan; para que de esta madera, los clientes interesados puedan adquirir sus productos con todas las ventajas que ofrecen como marca, sobre todo, al poder encontrar sus productos a precio de distribuidores.

El desarrollo de este proyecto se realizó con el Framework de React, y el uso de la librería Redux (perteneciente a este) para una buena organización en la estructura y arquitectura del código, permitiendo a un futuro la escalabilidad del mismo en caso de ser necesaria o de que el cliente desee realizar cambios dentro del proyecto.

Objetivo

Crear un eCommerce con el framework de react y poner en práctica los conocimientos utilizados hasta el día de hoy en FrontEnd (HTML, CSS, JS) desarrollando una aplicación web que cuente con funcionalidades para mostrar, agregar, y quitar productos de un carro de compras.

Alcance

Clientes y clientes potenciales de la empresa Formula2Vie

Herramientas

Logo Trello

Trello para realizar la planeación y organización del proyecto

Logo Figma

Figma para el diseño de pa aplicación web (Wireframes, Mockups y Prototipos)

Logo Visual studio code

Editor de código Visual Studio Code para el desarrollo completo de la aplicación web

Logo Github

Github como controlador de versiones en un repositorio

Logo Vercel

Vercel para el despliegue de la aplicación web

Logo HTML5

HTML para el estructuramiento de la página y los componentes

Logo CSS3

CSS3 para la creación de estilos de la estructura HTML

Logo Java Script

JavaScript para la lógica e interacciones dentro de nuestro código

Logo React

React para la unificación de las 3 tecnologías usadas y creación de componentes para mantener una mejor organización en el código

Documentación técnica

Technical documentation Formula2Vie

Despliegue

Formula2Vie

Imagen de la tienta

Imagen de la tienta

Imagen de la tienta

Imagen de la tienta