Giter VIP home page Giter VIP logo

oppo-games-group6's Introduction

OppoGames

OppoGamesDemo-2xspeed-720medqual.mp4

OppoGames is a fullstack social-gaming site, showcasing use of the MERN stack, Socket.io and Tailwind CSS.

Users can sign up, log in, and play a number of mini-games 1v1 with other users. Users can see their opponents moves in real-time.

Screenshot 2024-01-12 at 05 27 24 Screenshot 2024-01-12 at 05 27 34

Screenshot 2024-01-12 at 02 33 27 Screenshot 2024-01-12 at 02 39 48 Screenshot 2024-01-12 at 02 41 23

Installing Project Dependencies:

Node.js

  1. Install Node Version Manager (nvm)
    brew install nvm
    
    Then follow the instructions to update your ~/.bash_profile.
  2. Open a new terminal
  3. Install the latest version of Node.js, currently 18.1.0.
    nvm install 18
    

MongoDB

  1. Install MongoDB
    brew tap mongodb/brew
    brew install [email protected]
    
    Note: If you see a message that says If you need to have [email protected] first in your PATH, run:, follow the instruction. Restart your terminal after this.
  2. Start MongoDB
    brew services start [email protected]
    

Packages:

  1. npm install in the three main folders:

    ; cd api
    ; npm install
    ; cd ../frontend
    ; npm install
    ; cd ../socket
    ; npm install

Running the App:

  1. Start the server application (in the api directory)

    ; cd api
    ; JWT_SECRET=f6d278bb34e1d0e146a80b16ec254c05 npm start
  2. Start the front end application (in the frontend directory)

In a new terminal session...

; cd frontend
; npm start

You should now be able to open your browser and go to http://localhost:3000/

  1. Start the socket (in the socket directory)

    In a new terminal session...

; cd socket
; npm start

oppo-games-group6's People

Contributors

clairep94 avatar capatult avatar edwardandress avatar mchana avatar ow1609 avatar raybrowndev avatar johnforster avatar skrill500 avatar leoht avatar jamesjoshuahill avatar penguat avatar neilstudd avatar

Stargazers

 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.