toppy's People
toppy's Issues
Add route and UI for battle voting
Presents two contestants.
The user can select a contestant as the winner which will declare a winner through the API and then request a new battle.
Create protected route component
A React component that checks authorization and if not authorized preforms redirect to login.
Create login page
Create a page where registered users can enter an email and password and request authorization.
Create endpoint and method for declaring a battle winner
Accepts a winner and loser id. Adds an entry to the Battles table with winner and loser.
Design Sign up/Login page
Based on wireframes
Design Entry/Splash page
Based on Wireframes
Implement sign out button and functionality
User should be able to click sign out button and be signed out.
Create endpoint and service for requesting a battle
/api/wars/{warId}/battles/new
Returns two random contestants from the battle that have not faced each other.
Implement Proper Password Strength Controls
Add top ten list UI to battle page
A top ten list component that updates as the battle progresses. Displays contestant name | wins | losses | win pct
Setup SQL database with tables and dummy data
- Users
- Battles
- Contestants
Wireframe Profile page
- Personal profile info
- Username
- Name
- Avatar
- Bio
- Location
- Top List
As a User my login request is validated and returns new JWT token
Create server-side code that takes login credentials and checks the database. It then creates a JWT token and passes it back to the client.
As a User my JWT token is sent with each private request
Add header to hold login, sign up and sign out links
Create a header so major links are available everywhere
As a User my requests are validated server-side by middleware before sending my request
otherwise, I receive a 401 status
Add transitive scoring method
A method that accepts a winner and loser id and recursively adds battle entries based on the winner and losers past wins and losses. And those battles past wins and losses and so forth.
If A > B and B > C then A > C
Wireframe splash page
- Provide basic info about the site
- Give the ability to sign up/register
- email and password
- Login
- Display a public list(s)
- Top 20
- Recent top 20
- Rotating top 20 by dimension
- Recent user battles
As a User my successful login response stores a JWT in local storage.
Wireframe Account Page
- Edit Profile
- Username
- Avatar
- Location
- Birthdate
- Gender
- Nationality?
- Race?
- Change Password
- Email/Notification preferences
Wireframe logged in entry page (Home)
- Users top list
- Public top list
- CTA to battle
- Link to Query section
- Account/Profile link
Implement Secure Password Recovery Mechanism
Add email confirmation process
After user fills out sign up form send an email confirmation with a link to confirm email address. Also notify the user after completing form that email was sent.
Wireframe the Battle page
- Display two contestants
- Show current top list
- Options to limit contestants by parameters?
- Undo?
Design Battle page
Based on wireframes
Implement Facebook Login
A user can sign in using Facebook. Ask for as much demographic info as possible.
Store Passwords in a Secure Fashion
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.