`Teste Leadster`

Atividade Frontend Leadster

`Link`

https://marleo-leadster.vercel.app

`Descrição`

Desenvolvimento em NextJS: eu criei a página da empresa usando o framework NextJS, que é uma tecnologia popular para construir aplicativos web com React.
Linguagens e bibliotecas utilizadas: Utilizei JavaScript para escrever a lógica do aplicativo, styled-components para estilização dos componentes, CSS para estilização adicional, e HTML para a estrutura básica da página.
Padronização de cores: Criei um arquivo chamado colors.jsx para padronizar as cores usadas no projeto. Isso ajuda a manter a consistência visual em todo o site.
Cards dinâmicos: A partir de um arquivo JSON, criei cards que exibem informações relevantes. Essa abordagem permite adicionar ou modificar facilmente o conteúdo dos cards apenas atualizando o arquivo JSON.
Simulacro de chat: Implementei um chat simulado que é ativado ao clicar em um botão. Isso adiciona um elemento interativo à página, proporcionando uma experiência mais envolvente para o usuário.
Paginação funcional: Implementei a funcionalidade de paginação, permitindo que os usuários naveguem entre diferentes páginas de conteúdo. Isso melhora a usabilidade e facilita a exploração do site.
Site totalmente responsivo para dispositivos móveis.
Controle de versão com o GitHub: Enviei o código-fonte do projeto para o GitHub, que é uma plataforma popular para hospedar repositórios Git. Isso permite controlar e colaborar no desenvolvimento do código.
Deploy no Vercel: Utilizei o Vercel, uma plataforma de hospedagem de aplicativos web, para fazer o deploy do projeto. Isso torna o site acessível na web para que outras pessoas possam visualizá-lo.

O repositório do projeto pode ser encontrado aqui

`Instalando e rodando o projeto`

Pré-requisitos: Certifique-se de ter o Node.js instalado no seu computador.

Clone o repositório: Clone o repositório do projeto a partir do GitHub usando o comando git clone https://github.com/marleopr/teste-leadster.git.
Instale as dependências: Navegue até o diretório raiz do projeto e execute o comando npm install para instalar todas as dependências listadas no arquivo package.json.
Inicie o servidor de desenvolvimento: Após a conclusão da instalação das dependências, execute o comando npm run dev para iniciar o servidor de desenvolvimento.
Acesse o site: Abra o navegador e acesse http://localhost:3000 para visualizar o site da Leadster.