title |
---|
Ampla Ergonomia |
Site da empresa Ampla Ergonomia, desenvolvimento eme React com TypeScript e criação de UI/UA Própria.
Ampla Ergonomia company website, development in react with typeScript , creation of Own UI/UA.
[TOC]
Projeto em React e TypeScript - Project in React and TypeScript
- Inicie o projeto com npm start - Start the project with npm start
Feature: Header - Funcionalidade: Cabeçalho
# Em conversa com a cliente foi escolhido a cor do fundo do cabeçalho, estilos de letras e logo da marca.
# In conversation with the client, the header background color, font styles and brand logo were chosen.
# UI/UX
Cenário: Usuário vai ter acesso os link de Home , A empresa , Serviço e Contato, um link de contato para o whatsApp, mostra logo da empresa.
Scenario: The user will have access to the links Home, The company, Service and Contact, a contact link for WhatsApp, showing the company's logo.
# Desenvolvedor - Developer
Cenário: A esquerda terá o logotipo do cliente, centralizado terá os botões em fonte "Sarabun", direita logotipo do WhatsApp como botão.
Quando passar o mouse por cima dos botões ele terá uma hover, propriedade de botões Home , A Empresa , Serviço , Contato e ícone do WhatsApp.
Quando Clicar no ícone do WhatsApp o mesmo vai mandar para o APP ou Web.
Scenario: The left will have the client's logo, centralized will have the buttons in "Sarabun" font, right WhatsApp logo as a button.
When hovering the mouse over the buttons it will have a hover, Home , The Company , Service , Contact and WhatsApp icon buttons property.
When Click on WhatsApp icon it will send to APP or Web.
## Imagem 1 demostrando como deve ficar !
## Image 1 demonstrating how it should look!
## Figma do projeto :
Feature: Shopping Cart
As a Shopper
I want to put items in my shopping cart
Because I want to manage items before I check out
Scenario: User adds item to cart
Given I'm a logged-in User
When I go to the Item page
And I click "Add item to cart"
Then the quantity of items in my cart should go up
And my subtotal should increment
And the warehouse inventory should decrement
Read more about Gherkin here: https://docs.cucumber.io/gherkin/reference/
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
Note left of Alice: Alice responds
Alice->Bob: Where have you been?
Read more about sequence-diagrams here: http://bramp.github.io/js-sequence-diagrams/
gantt
title A Gantt Diagram
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
anther task : 24d
Read more about mermaid here: http://mermaid-js.github.io/mermaid/
:::info Find this document incomplete? Leave a comment! :::