hacksu/2018-kenthackenough-ui-main

2018-kenthackenough-ui-main's Issues

Redeem Points UI

the routes:

khe.io/redeem

• this should be a UI that takes a 5 digit code(ex: ABCDE) then redirects to it (khe.io/ABCDE)
• the server will redirect to a /redeem/pointId url

khe.io/redeem/pointId

• this should redeem points using the frontend-lib
• display error messages or show points were awarded

Styling the contact us page

Make that nonsense pretty! Here's an example of a less boring one: http://2017.khe.io/contact

We don't need you to hook it up to a backend tho

Center Sponsor Logos

Right now, sponsor logos are all on different y-axises, pls fix using transform translate()

Styling the FAQ

This one you could be pretty creative with!

Sendgrid Issue

https://github.com/hacksu/2018-Hacksu-ui-main/blob/232234a5028cf9c52f03c1fc15beb57cf27289f0/dist/static/js/app.77d1cab84412fcfd4810.js.map

Front end for "live updates" page

You can see an example of last year's page here: http://2017.khe.io/live

Front end for resetting your password

This can just be styling a page with a pretty input, you don't even have to hook it up to the backend (since it cant handle it yet lol)

Display message when login fails

If a user tries to log in with incorrect credentials, no message is displayed on the UI. There is an error message logged in the console, but something should be shown on the UI as well.

Fix the menu bar

Here's the current menu bar:

On the template site, it's styled to look a little nicer, AND the sandwich icon only shows up on mobile phones. The responsive sandwich bar can be seen in action on Hakron's site too!

Styling the buttons on the front page

Take these buttons:

... and make them look pretty! Give them some border radius and maybe make them a bit more colorful, give them some padding between the text. Make 'em look nice!

Style and fix /apply

The application needs to look great, and should be easy to navigate. This needs to be well done.

We'd like to use this codepen's style for the input boxes.

Making Sponsor logos easier to read

Here's my suggestion for how to do this:

In sponsors.vue, make all the logos white by default by setting filter: brighten(100%). Then, make sure logos still look readable on hover.

Styling the login/register modules

Lol the new font makes this look extremely bad!

Also, if you look at the mockup website , there's a darkening-div used to pull focus to the login component. When you click on the darkening component, the login/register component should go away.

Redirect to Home Page on Logout

404 page

Add a new component corresponding to the route /* that shows a pretty 404 design and has a link back to home

Make the Event Info page a little prettier

Black and white isn't pretty enough! Maybe throw some icons in there, make it look nice!

Let users edit their application

You should be able to call the getApplication() at the beginning of the application. It will either return you a new one or it will return the existing one.

Then you can pass the same object to saveApplication() at the end of the application.

Styling the application

The application looks adequate but not spicy! Let's spice it up!

Add "Powered by Hacksu & MLH"

Look at the very bottom of http://2016.khe.io/ or the menu of http://2017.khe.io/ for examples! Just take those images from 2016's site and put them in the repo's assets

Add some form of indicator when you logout

Sponsor point creator UI

Display point code when after generating points

Change the default tab icon to the KHE candy corn logo

The current tab looks like this:

Change the default tab icon:

to the KHE candy corn logo.

Fix vulnerable dependencies in package-lock.json

We're running an outdated EJS. Not sure exactly what needs changed in package-lock.json, some version needs updated though