jaredk3nt / clickergame Goto Github PK

react-cli setup

Will require setup of authenticationController. Creation and checking of JSON Web Tokens

/login
- [POST] login to account with username/password
- [GET] check login with jwt

/users
- [POST] create new account, takes email, username, password, team (check username/email for unique)
- [GET] get user info (profile) columns -> username, team, clicks

create a table for users in the database

User Model

• Username (unique)
• Password
  • hashed and salted w/ bcrypt
• Email (unique)
• Team
• Total clicks

Add middleware to the API for cheating detection. Rate limiting and so on.

Create a list of medals and corresponding exp values. Define how they will be represented in the db and how they will be rewarded by the API.

Submit backend issue with designs and list when finished.

add routes for getting total team score, and posting additions to the team score

Create the page where the user will be clicking. Make it reusable for each of the teams where color and relative team layout is based on prop state.

create designs for a landing page where users go the first time they reach the site. It should give a general idea about the site and allow users to either create an account and join a team or log back in.

Create issue with screenshots of design for frontend when finished.

Fonts used are Proxima Nova ExtraBold and Regular
Colors are green (#2DC672), blue (#0D86E2), purple (#8811D8)

Animate swapping between colors on the landing page with click animation in right view

Animate gradient colors shifting on login/create account page: like this

Finish the logic around the radio button. There is already a component with the basic UI of the buttons completed.

<RadioInput buttons={buttonList}/>

const buttonList = [
    { color:'green', text:'Green', click: this.clickAction },
    { color:'blue', text:'Blue', click: this.clickAction },
    { color:'purple', text:'Purple', click: this.clickAction }
];

The UI shows N buttons, on click the button should "stay down" until something else has been clicked. The Button component has a clicked-down prop that will give this effect. The component should transfer data about the option selected back to the parent.

The <RadioButton/> is currently being used in the LandingPage component for the login flow

https://github.com/ReactTraining/react-router