Project-B

A site to track and display tournament stats and data

Built with: React.js Node.js Express and MongoDB

featuring: react hooks, Context api, axios, react bootstrap, json web tokens, bcrypt

Dependencies:

Backend

express mongoose dotenv cors bcrypt jsonwebtoken

Client

axios bootstrap react-router-dom react-icons react-scripts

Current log: https://trello.com/b/xA56zACi/bnw

• Working backend with register and login routes using JWT and password encryption. working page layout, routing, database connection on frontend

• Added delete and token validation routes to the user route. Further JWT and user validation. Organized Client side file structure, added login,and register pages and routing. Added a nav unit.

• Added user context to manage logged in users, stored users in state and passed to context.provider, access jwt and logged in user from local storage, made sure password and email cannot be accessed from the dev console.

  

• Added login and register forms. Stores jwt in local storage, stores user in context, stores user in database. working logout button.

  • working on logic to save and display users matches.

• Woking total match display for all users. logic set up for match display for single users

• added login and register ui buttons, handled home page if user isnt logged in, directing them to login. Added all users into context. attempted to add filtering so that it only displays the active users' matches. however, it breaks on reset, will fix tomorrow.

• Added username to match backend route. Also changed score from string to number in backend. (scores look like: '3-2'). This will allow for more data comparisons compared to just displaying the score.

• Added user-id and username to local storage. FIXED issue on page refresh where context would become undefined. Added working match registration page

• Added error checking to match registration, Added react-bootstrap navbar, and some style

• Added styling for match display(still needs media queries and display options)

• Added different pages based on the match id, so users can see more match specifics