NLW eSports | Ignite 🚀

Sobre o Projeto   |    Layout   |    Tecnologias   |    Infos   |    Como utilizar   |   

💻 Sobre

NLW eSports - Ignite é uma aplicação WEB e MOBILE para ajudar os jogadores a encontrarem parceiros para as suas jogatinas. O projeto conta com uma lista de games predefinida. Em cada um deles é possível ver os anúncios de outros usuários buscando parceiros, e ainda é possível criar um anúncio para buscar novos colegas de game.

---

🎨 Layout

A seguir são exibidos os layouts da aplicação:

Versão Web

📱 Versão Mobile

🛠 Tecnologias

As seguintes tecnologias foram utilizadas na criação deste projeto:

Web

• React
• Vite
• TypeScript
• Tailwind CSS
• PostCSS
• Axios
• Radix UI
• Phosphor Icons

Mobile

• React Native/React
• TypeScript
• Expo
• Phosphor Icons

Back End/Server

• Node.JS
• TypeScript
• Express
• Prisma

ℹ️ Infos

Este projeto é composto de 3 partes distintas:

1. Backend (server)
2. Frontend (web)
3. Mobile (mobile)

📚 Como utilizar

💡 Tanto o Frontend Web quanto o Mobile precisam que o Backend esteja em execução para funcionar.

Pré-requisitos

É recomendado que você tenha as seguintes ferramentas previamente instaladas em seu computador:

[Git] (https://git-scm.com) | [Node.js] (https://nodejs.org/en/)

---

⚙️ Executando o Backend (server)

Clone o projeto para o local desejado em seu computador.

  git clone [email protected]:nelsonamorim/NLW-eSports-Ignite.git

Entre no diretório do BackEnd

  cd NLW-eSports-Ignite/server

Instale as dependências necessárias

  npm install

Inicie a aplicação

  npm run dev

Confira se o servidor está em execução. Você deverá receber a seguinte mensagem no terminal:

  Server is running on Port 3333

---

💻 Executando o Frontend Web (web)

Entre no diretório do Frontend Web

  cd NLW-eSports-Ignite/web

Instale as dependências necessárias

  npm install

Inicie a aplicação

  npm run dev

Confira se o servidor está em execução e abra ele no seu navegador preferido. Por padrão, o endereço de execução deverá ser esse:

  http://localhost:5173/  

---

📲 Executando o Frontend Mobile (mobile)

Entre no diretório do Frontend Mobile

  cd NLW-eSports-Ignite/mobile

Instale as dependências necessárias

  npm install

Inicie a aplicação

  expo start

Baixe e instale o Expo no celular e leia o QRcode que aparecerá no terminal dentro do Expo.

---