/react-ecommerce

Another rect ecommerce, tecnologias utilizadas: webpack 5, react 18.1.0, redux, storybook, jest, puppeteer, emotion, tailwind, eslint, husky, typescript, react-router, axios, lint-staged

Primary LanguageTypeScriptMIT LicenseMIT

🚀 React e-commerce

Proyecto hecho como una prueba tecnica de entrevista laboral, posiblemente continue el proyecto para tenerlo como una plantilla para todo aquel que quiera tener un ecommerce facil de personalizar.

  1. Clona el repositorio.

    Una vez creado el repositorio procede a instalar con NPM o Yarn

    # ejemplo del comando para instalar
    npm install
  2. Iniciar el entorno de desarrollo.

    Navega hasta el directorio de tu sitio e inicia el ambiente.

    cd react-ecommerce/
    npm run dev
  3. Puedes ver las pruebas visuales con StoryBook

    Navega hasta el directorio de tu sitio e inicia el ambiente de pruebas con StoryBook.

    cd react-ecommerce/
    npm run storybook
  4. Realiza las pruebas con Jest, React Testing Library y Puppeteer

    Navega hasta el directorio de tu sitio y ejecuta el comando para realizar las pruebas de Jest y RTL de cada uno tus componentes de Storybook, esto te generara dos carpetas, una para los snapshots de tu código de stories y otra para los snapshots de las imágenes. Toma en cuenta que en este punto se pueden realizar capturas de pantalla de tus componentes haciendo uso de Puppeteer, por lo que tendrás que tener iniciado en una consola Storybook

    cd react-ecommerce/
    npm run test