Giter VIP home page Giter VIP logo

nlw-esports-ignite's Introduction

NLW-eSports

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

image image

📱 Versão Mobile

mobileMockup

🛠 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.


nlw-esports-ignite's People

Contributors

nelsonamorim avatar

Stargazers

 avatar  avatar

Watchers

 avatar

nlw-esports-ignite's Issues

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.