Giter VIP home page Giter VIP logo

meli-challenge's Introduction

Meli Challange

Descrição

Desafio técnico desenvolvido para a empresa Mercado Livre. O projeto é composto por um servidor e um cliente. O servidor é implementado em Node.js e o cliente é um aplicativo Next.js. A decisão de usar o Next.js foi por causa do SSR. Com isso temos um melhor SEO, mais performance, e, no final do dia, é React.

Ferramentas Utilizadas

Como Instalar

Pré-requisitos

  • Node.js
  • pnpm (ou yarn, npm, etc)

Instalação

  1. Clone o repositório
git clone https://github.com/thgoo/meli-challenge
  1. Instale as dependências do servidor
cd ./server
pnpm install
  1. Instale as dependências do cliente
cd ./client
pnpm install

Como Rodar a Aplicação

Servidor

No diretório server, execute:

pnpm run serve

Ps: Antes de rodar o servidor, a porta pode ser alterada no arquivo ./server/.env.

Cliente

No diretório client, execute:

pnpm run build && pnpm run start

Ps: Antes de rodar o cliente, verifique se o API_URL dentro de ./client/.env está configurado corretamente. Ps2: Caso a porta 3000 esteja em uso pelo servidor, utilize pnpm run start -p 3001 para rodar na porta 3001 (ou qualquer outra de sua preferência).

Pronto, se tudo ocorreu bem, basta acessar a URL depois que o cliente estiver rodando.

Bônus

Caso queira rodar os testes do cliente, basta acessar a pasta client e rodar:

pnpm run test

meli-challenge's People

Watchers

Thiago Pavan avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.