Giter Club home page Giter Club logo

wp-esports_virtual_leagues's Introduction

ESports-Virtual-Leagues

Developers:

  • Matthew Lyjak

Abstract:

Project Brief:

Technologies used:

  • HTML

  • CSS

  • JavaScript

  • GitHub

  • Node

    • Nodemon
  • Express

  • React

  • GraphQL

  • MongoDB

    • Mongoose
  • Apollo

  • Concurrently

  • Validator

  • Various Hardware including multiple different screen sizes and mobile devices

Visualization:

Repository/Deployment:

Instructions for Future Developers:

To Be Added:

Known Bugs/Future Additions:

  • Adding Likes/dislikes
    • Front page video is determined by most popular
  • Track when user has completed watching a video
  • Donations
  • Users can upload their own tutorial videos

License Information:

To be Added:

Version Information:

0.00 - Initial Setup - 9/4/22

* Set up Template
* Set up initial File and Folder Structure
* Setup intitial node packages
* Initialized React
* Began README

0.01 - Server Setup

* Configured server.js
* Configured connection.js
* Added node packages
    * Root:
        * Added concurrently
        * Added optional-require
        * Added graphql
    * Server:
        * Added apollo-server-express
        * Added bcrypt
        * Added express
        * Added graphql
        * Added mongoose
        * Added jsonwebtoken
        * Added nodemon

    * Client:
        * Added apollo/client
        * Added testing dependencies
        * Added express
        * Added graphql
        * Added jwt-decode
        * Added react dependencies
        * Added web-vitals

0.02 - Home Page Setup

* Imported react and router to app.js
* Set up homepage route
* Tested homepage - PASSED

0.03 - Navbar Setup

* Added navbar Picture
* Added logo image
* Added Links to About, Rules, Discord, Leagues, and Stats
* Added Sign-in/Sign-up Link
* Added Title Heading
* Formatted layout to wireframe template - Styling still needed
* Made Layout flexible for variblae screen sizes - media queries still needed

0.04 - Added Routes to Initial Pages

* Added Routes in app.js for pages in Navbar
* Tested links to each page - PASSED

0.05 - Initial Navbar Styling

* Added colors and backgrounds to Link buttons
* Added hover styles to Link buttons
* Adjusted Title Headings
* Added Styling to Sign in/up button
* Added Hover style to Sign in/Up button
* Added Net underlay to navebar for texture

0.061 - Initial Sign-Up Functionality

* Added SignUp Route
* Tested SignUp Route - PASSED
* Added Form Section
* Added Email, Gametag, Password, and Confirm Password Input Fields
* Added Console Dropdown
    * FORCE installed react-dropdown package 
* Added dropdown.js in helpers folder
    * Added dropdown logic
* Added recaptcha checkbox PLACEHOLDER
* Added Submit Button
* Added Link to SignIn form

0.065 - Initial Sign-In Form

* Added SignIn Route
* Tested SignIn Route - PASSED
* Added Form Section
* Added Email/Gametag, Password Input Fields
* Added Console Dropdown
* Added recaptcha checkbox PLACEHOLDER
* Added Submit Button 
* Added Link to SingUp Form   

wp-esports_virtual_leagues's People

Contributors

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