watershed-frontend's People
watershed-frontend's Issues
Use media query for light/dark theme
Remove time-based theme. Use a plain media query instead.
Hacker Registration Form
Implement a form that allows prospective hackers to register for the event.
The form should collect important details from the user. (TBD)
User Settings
Edit all details in their profile cuhacking/watershed-backend#11
Add password reset page
Should be visually similar to registration page and enable a user to reset their password.
When the page is accessed, a key will be included in the URL's query params. This must be posted when the reset request is made.
The page should ask the user for their new password, and to confirm their password before submitting. Once their password is reset, they should be brought to the login page.
Setup styling and design system with Styled Components
Add announcements admin console
Add a page accessible only to admins that allows admin users to publish announcements. Hook this up with the watershed backend.
Schedule Page
Add list of schools to dropdown in registration form
Dropdowns with "other" field do not close automatically
When the "other" field for a dropdown is filled out, it should be closed when the user "submits" the other option, e.g. presses enter, or submit on a mobile IME.
Team management page
Build a page that allows hackers to manage their team, i.e. inviting new team members, and giving the team a name. This page should double as the team "creation" page.
- When the team is being created, a name should be entered in by the user.
- After creation, any member of the team should be able to change the name of the team
- Once a team has been created the user can invite other members to the team by entering/searching for their username.
- All pending invites should be shown on the team page
- Once a user accepts an invite, they should be shown as a member of the team
- A user should have the option to leave the team, shown as a button, with a confirmation dialog to ensure they mean to leave the team
Post-Registration Dashboard
This dashboard (which will be similar and related to the event dashboard) will be what users see after they register. It will display key info leading up to the event and allow the user to perform a number of actions in preparation for the event.
- Users must be authenticated to access this page
- The user should be able to associate their discord and github accounts with their cuhacking account using a button similar to the buttons used to register
- When connected, the respective account username for github or discord should be shown in-place of the button.
- The dashboard should show a leaderboard of users along with their "points". (Does this need to be post-registration?)
- The number of the points that the user has should be shown. This could be shown relative to the leaderboard? (needs design notes).
- In order to access special channels in the cuHacking community discord for the event, users must associate their discord account. This must be clearly communicated to the user on this dashboard via a notification.
- The dashboard should show a list of announcements that are published by the cuHacking team.
- The dashboard should show upcoming scheduled events, as well as events that are favourited by the user
- Users should be able to create, or view their team from this page (#5)
- The dashboard should allow the user to access the user settings
Add a React/TypeScript Skeleton to the Repo
Setup services to make backend calls
Indicate that URLs are required for registration form and validate them
The socials section of the form should clearly indicate that URLs are required and should validate them before allowing submissions of the form.
In addition, it should be reviewed whether or not "other" is required and whether to remove, or change how it is handled.
Setup a React Router
Possible Pages:
- Registration
- Post registration Dashboard
Pages after registration:
- Schedule
- Announcements
- Hacker Profiles
Cannot tab through form elements on mobile
Add Plausible Analytics to Website
For tracking site visits, etc.
https://plausible.io/
Dropdowns in registration form are not part of tab order
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.