Git Product home page Git Product logo

ols2's Introduction

This is a React App and a Koa RESTful API.

how to setup

  1. git clone
  2. yarn
  3. npm run server
  4. open another cmd terminal and npm start

React app

React - Redux - Socket.io-client/XHR

React is the SPA view framework

  • SPAs are single page applications. They serve a single webpage to the user that uses Javascript to get site data from an API. This lets you update information live and the user's site experience requires no loading of new pages.

  • View frameworks are varied, React is a very popular and hyped up open source one managed by Facebook.

Redux is the client side data management system

  • Redux is the datastore. It does actions on the data and moves it around and makes it available to React and passes it to the server.

Socket.io is the WebSocket library

  • WebSocket's allow back and forth transmission of data between client and server and vice versa. Its best for small transfers.

KOA RESTful API

Koa - Socket.io - Mongoose - Passport

Koa is the NodeJS server HTTP middleware framework for NodeJS

  • Koa lets us take http requests and other requests and serve stuff back that we set and decide on with JS.
  • Koa is very lightweight compared to Express and doesn't include anything out of the box.

Socket.io is the WebSocket library

  • Socket.io has a server-side part to interact with the client.

Mongoose is our Mongo ORM

  • Mongoose communicates with our Mongo database which is a doc-store style db, which means we don't have to do much if we want to change our database setup

Passport is our authentication management

  • Passport is pretty much the best authentication system afaik.

Discord Bot

Made with Discord.js

Running

  • Clone the repo
  • npm install dependencies
  • Configure MongoDB, bot api token
  • Run node discord/index.js

ols2's People

Contributors

etp12 avatar lewellync avatar zachcd avatar

Stargazers

avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

etp12 hershjac lewellync glacieredgeman lifansers

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.