98Barbershop

🔥 Acesso ao Projeto

Clique aqui para acessar o projeto.

Clique aqui para acessar a nossa documentação da UI.

🎯 Objetivo

Com a proposta de criar um projeto para a barbearia 98Barbershop, a gente se propôs a criação de um website que vai trazer uma nova forma de comunicação com seus clientes. Foi feita em primeira instância um estudo de caso, como, entender as necessidades do público alvo da empresa para assim poder de forma correta escolher todas as fontes, formas e cores capazes de estabelecer uma comunicação eficiente com os clientes dentro do projeto. Entretando é preciso ter também uma boa performance e boa indexação no Google, e nada melhor do que utilizar o NextJS com boas práticas para obter esse resultado.

🛠️ Ferramentas

• TypeScript
• NextJS
• Styled Components
• Storybook
• Jest
• React Testing Library
• Eslint
• Prettier
• Husky
• Axios
• GraphQL

🚧 Variáveis de Ambiente

Chave	Descrição
GRAPHQL_HOST	URL da API que utiliza comunicação GraphQL.
GRAPHQL_TOKEN	Token para o acesso da API ser aceito.
MODEL_ID	Caso utilize o Dato CMS insira o ID da model em que se armazenará os dados, caso contrário adapte da forma da qual será usada.
NEXT_PUBLIC_MAPBOX_API_KEY	Token de acesso ao mapbox.
NEXT_PUBLIC_MAPBOX_USERID	Nome do usuário da conta do mapbox
NEXT_PUBLIC_MAPBOX_STYLEID	ID para acesso a estilização do mapbox.

🚀 Como iniciar a aplicação localmente

Faça um clone desse repositório

git clone https://github.com/rafaabatistas/98barbershop

Instale as dependências

 yarn install

Dê start ao projeto

yarn build
yarn start