alistairshaw / columbus_tip_jars

Columbus Tip Jars.

Columbus Tip Jars is a project by Can't Stop Columbus to help columbus area workers who have been affected by COVID-19.

Columbus Tip Jars consists of the following projects:

• An API server: A Ruby/Rails backend which handle all server logic for tip jars.
• Looking Good Cbus: A website for beauty industry workers (Barbers/Hair Stylists, Makeup Artists, Nail Salon Workers, etc.) affected by COVID-19.

columbus_tip_jars's Issues

Validation on User Profile Edit Form

The edit profile form has no validation right now. The registration form does have validation on it, so look there to use the same method for consistency.

• Use common sense for which fields should be required. Technically none of them are, so this is a UX decision.

• Validate that the video link is a URL, and that it contains "youtube", "instagram" or "facebook".

• Validate that the donation link is a URL.

Build Quick Sign Up Form

Backend - Delete Profile Endpoint

Uploading profile pic should not clear profile form

Reported by users:

when creating a profile, if you try to load your profile picture before saving the text fields, you will lose the ability to save the profile and will have to start over.

Restyle login form to not look so bad.

Not all youtube link styles work

This video link https://youtu.be/bUtzIJb3psI, is valid in a browser, but tipolumbus says “no valid video link provided” (https://www.youtube.com/watch?v=bUtzIJb3psI works, but asking for a specific format makes it harder on the user)

Any valid youtube link format should be accepted & work

pull in a live set of instagram posts with hashtag #TipColumbus

on the main page, below the actual featured content

Add base page structure

setup the document and app components for setting the document around the Next app

show user their existing content

all videos already uploaded by user should be visible at the bottom of the user edit page

Test issue From issues tab

New Page - Paginated View All

With infinite scroll pagination.

Create User Profile Edit Page

Show 3+ (ideally all) of a user's uploaded videos

The user pages should show all videos a user has uploaded or offer a paginated browsing solution with 3 or more per page.

delete profile

Logged in user should be able to delete their profile (and all associated content)

Update About page text

https://tipcolumbus.com/about

Replace "About Looking Good Columbus"
with "About Us"

Replace "We exist to provide ways for cosmetic industry workers, affected by COVID-19, to receive financial support during these tough times."
with "This site was made with <3 by Can't Stop Columbus.
Can’t Stop Columbus is a community-wide movement that activates our city’s talents and compassion to solve real problems. We embrace courageous ideas and rapidly deliver new and next solutions.
We are pooling together the knowledge, time and resources of people all across the city to crowdsource and deliver needed solutions that address the challenges of COVID-19.
Please visit our website to learn more or join us!"

Add User model

Add Google Analytics

Tracking ID: UA-166303639-1

Instructions from Google:

This is the Global Site Tag (gtag.js) tracking code for this property. Copy and paste this code as the first item into the of every webpage you want to track. If you already have a Global Site Tag on your page, simply add the config line from the snippet below to your existing Global Site Tag.

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166303639-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-166303639-1'); </script>

Show minimum 3 videos on category pages

The category pages should show at least 3 videos, ideally all videos or a paginated solution for browsing all videos (without dipping in & out of user pages).

Today it's just one featured video and then "More from this category" lists lots of user pics.

Add image upload component to User Profile Edit

add social links to profiles

Let users upload fb, twitter, & instagram links if they have them (all should be optional)

These should show when people go to the users page - but far less prominent than tip link - maybe small & below it?

[TIP button]
[FB] [ig] [t] <- logo icons - only show the ones they provided links for

Landing page

Allow instagram and facebook video links to be embedded

At the moment only Youtube links will work. We need to allow for Instagram and Facebook links.

Update Sidebar Menu

Is "Home" necessary? Can clicking on logo to go to homepage a reasonable option instead?

Update "About" to "About Us"
Update "Sign Up" to "Add yourself" and move up to top on menu (or first entry after "Home"
Move "Sign In" to end of menu list

Add data model for user profiles

We want to store important user information such as their name/nickname, their recent employer before COVID impact, donation URLs/names, etc. I think we should chat through this and think how we want to store this data, but this is just an initial spike of how we could end up storing this data:

Build Basic Login Form

Flesh out About Page content

Header is funky on mobile

Not all Paypal link formats work

Update, this example no longer works, because I went in the back of the database and updated his link, but any similar input still behaves this way....

Example: https://tipcolumbus.com/users/5

He probably entered:
paypal.me/HakimsArtNstuff

because the tip button takes you to: https://tipcolumbus.com/users/paypal.me/HakimsArtNstuff

which gives a 404 error

(http://paypal.me/HakimsArtNstuff works)

we should either alert the user that URLs must start http or do pattern matching to add it behind the scenes when not included by user

Add data model for Businesses

We want to be able to store Business information that the employee worked for. This will make searching easier.

Initial data model spike: (Up for debate/conversation)

Create a Business Profile Edit Page

Deploy API to Heroku

We want to be able to get an MVP out by 4/13/20, so I'm thinking tackling the deploy step would be valuable so we're not blocked on that the day of. I'll do this either on Friday or over the weekend sometime.

We'll probably want to setup CORS to be able to hit this API from our front end.

Update copy on user profile entry/edit page

on https://tipcolumbus.com/user-profile-edit

At the top... Replace "Record your at-home style advice for everyone missing your smiling face"
with "Show off your skills & best advice for your clients (and maybe get some new ones)!"

Under "Now the fun part..."
Replace "Record a simple video to help your clients maintain their look until they can see you again in person. Consider showing ways to style instead of cutting your own bangs, giving advice for those of us struggling with our natural color, or telling us what to do now that our gel manis have reached an embarrassing grow-out length. Or just stay in touch and show us what you’ve been up to!"
with "Record a simple video for your clients. Give ideas for long-bang styles, advice for maintaining color – or just tell us what you’ve been up to!"

Add JWT auth

Design and Layout Tweaks

Sticking within the brand guidelines for Can't Stop Columbus, the app needs some visual TLC.

tip link should be prominent (top of page) on user pages

934 fest is encouraging artists to direct people to their individual user page - and the goal is for people to tip them, so how to tip (tip button) should always be top & center, impossible to miss on any device, and the reason to tip (video or videos) next most prominent.

Less important, but nice to have - can we update the button language to be "Tip " instead of "CLICK TO TIP!"?

Any other cleanup / improvement to the user pages is probably also welcome - there are some text overlap issues on some screen sizes, etc. Any questions - just ask!

Re-Order Categories on main page

Right now, we have more artists than anyone else & we've invited a second art festival to use the site, so artists should be first. Let's either make it a future proof solution where it lists all categories alphabetically, or else just update it to be in alphabetical order by category.

Add a forgot password feature

Upon failing login, forgot password should show as an option (in addition to trying to login again). Choosing it should mail a reset password link to the user's email address.

confirmation email

Users should receive a confirmation email when they sign up, at the email they signed up with.

Homepage - Update Layout

The home page should show the latest 3 videos and then underneath headshots of the next 20 or so.

Update Copy on main page

Replace "Welcome to Columbus Tip Jars"
with "Get a tip – leave a tip"

Replace "Provide financial support to cosmetic industry workers who are out of work due to COVID-19."
with "Connect with your stylist and get hints to keep yourself looking good. Tip your stylist to help them maintain income in this tough time.

Simply search for your stylist by name. Check out some style tips and leave a tip for your stylist!"

Users (Artists/Musicians/Stylists) should be able to upload more than one video

Users (Stylists) should be able to upload more than one video

"add another" or something similar should be an option on the user edit page

backend database & api should allow for more than one video per user

Show Videos on Main Page

v1 main page should show most recent 3 videos w/ names (instead of headshots & names)

Update search text color for readability

Update search text color for readability - maybe make it white?

Add register and login endpoints