Giter Site home page Giter Site logo

tanjounokamioku / nlw-esports Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 7.36 MB

Web and mobile game team making application made using React, React Native, Node.js and Prisma.

TypeScript 85.25% JavaScript 12.80% HTML 1.81% CSS 0.14%
nodejs react reactnative tailwindcss typescript

nlw-esports's Introduction

๐Ÿ“ƒ About

NLW eSports is a project developed from the ground up during the Ignite trail of Next Level Week, an online event produced by Rocketseat.

The project is an app that allows users to post an ad to find other players in the game they want.

โœจ Features

  • List of games (web and mobile)
  • Creation of a new ad (web)
  • User feedback: loading during creation, success and error (web)
  • Ad listing (mobile)
  • Receiving push notifications (mobile)
  • Copy discord user to clipboard (mobile)

๐Ÿš€ Technologies and tools used

Front-end on web React, TypeScript, Vite, RadixUI, Formik, TailwindCSS and Phosphor Icons
Front-end on mobile React Native and Expo
Back-end (web/mobile) NodeJs and Prisma

๐Ÿ”ง Install and run

To download the source code of the project to your machine, you will first need to have GIT installed.

With GIT installed, in your terminal run the following command:

git clone https://github.com/tanjounokamioku/nlw-esports.git

To install the dependencies and run the project you will need to have Node.js installed on your machine, which comes with NPM.

Navigate to separate subfolders for each project (web/mobile/server) and run the following command:

npm install

Run the web project:

npm run dev

Run node server:

npm run dev

Run the mobile project:

npm start

Open the project on mobile:

expo start

Open Prisma visual on web:

npx prisma studio
ยฉ2023 - Tanjou

nlw-esports's People

Contributors

tanjounokamioku avatar

Watchers

 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.