GithubHelp home page GithubHelp logo

keneucker / biketag-website Goto Github PK

View Code? Open in Web Editor NEW
32.0 32.0 15.0 53.24 MB

A website for biketag.org

Home Page: https://www.biketag.org

License: GNU Affero General Public License v3.0

JavaScript 42.99% CSS 14.09% HTML 9.05% SCSS 21.86% Dockerfile 0.06% Liquid 11.06% EJS 0.88%
hacktoberfest help-wanted html javascript liquid

biketag-website's Introduction

keneucker

Hi 👋, my name is Ken

import { hello, world }
 from 'keneucker'
Hello, my name is Ken Eucker. I love to design applications, write poetry, bicycle to parks, kayak on rivers, hike to hot springs, backpack through canyons, take candid photographs, and talk about the intersection of technology and psychology. This document outlines who I am as a developer who collaborates on open source projects, where you can find me on the web, and a couple of things about me that you may find commonality with.
What I am up to
My Open-Source Projects
These are projects that I dream about being successful one day
BikeTag - The Photo Mystery Tag Game on Bicycles
PointOfVue - a web 3 social sharing network for the programmable web
BikesList -- not yet created
WpVue3 - A Vue3 frontend for WordPress Posts, Pages, and other documents using the wp-rest api
See my resume
GitHub Résumé LinkedIn Résumé
Languages and Tools
Platforms I have experience using
Favorite sites
How to contact me
Send me an email: [email protected]
Call me or message me elsewhere.
Wave to me.

How to find me
https://github.com/KenEucker
https://patreon.com/KenEucker
https://www.linkedin.com/in/keneucker/
https://dev.to/KenEucker

read more
I currently live in Portland, Oregon and work remotely with clients and colleagues from all over the world. If you're biking around the city I am in you just might run into me. ;)
On the internet I keep things pretty simple and use my first and last name most places, so I've got https://keneucker.com as a general landing page, but if you're looking for me elsewhere just try my name.
How to approach me
They / Them
He / Him

read more
I work well with direct communication and honesty, and also with asynchronous communication. Direct messages and emails allow me to prioritize my present moment and gives me an opportunity to respond at a time when my full attention can be given to the conversation. If you can, please let me know; what you have, what you are looking to achieve, how I can help, and any expectations you might have for my response.

I am often focused and intentional in how I go about my day so a laugh, walk around the block, or nice chat over a meal is a welcomed opportunity to get to know me better. We all have good and bad days, productive days and days where you spend the entire time blocked. I find that there are times when I am more available for random chats and distractions, and that there are times when I am best left to my own schedule with my head down on the task at hand. I rarely take myself "offline", but I will let you know quite immediately if I am too busy to connect.
How I can help
Software Engineering
Makering & Creating
Bicycle Touring
Stage & Helping Handing
First Doing Nothing

read more
I really enjoy helping people become more efficient at what they are doing and providing solutions for people when they have an idea of what they want with what they have. Software Engineering projects aside, I also like to make myself available to actively participate in my community and environment. I think it's important to have support roles in every group and am a willing volunteer for most positions both in a professional and personal capacity. I make a good second in command and an even better self starting laborer. I think collaboration and communication are the best ways to accomplish a task with others and I have found a lot of success in talking through my thought process with others. We're all in this together. In addition to my software skills, I also have a fair amount of experience helping people in other ways. I have participated in building and supporting the; transportation, setup and teardown of large scale interactive art. I have lead small group bicycle tours, individual cycling adventures, and mass city-wide cycling events. I have joined peer support roles at various events and functions, ranging from de-escalation to incident command management.
How I spend my time
💻 Writing Code!
🚴🏼‍ Riding My Bike.
🚣‍ Kayaking on the Rivers & Lakes of the PNW.
🎱 Shooting Pool.
🍳 Cooking.

read more
My schedule changes a lot with the seasons, but there are several constants to how I spend my time. One of those constats is riding my bicycle. I bike commute and travel with a backback and two waterbottles in the summertime, and I bike commute in the winter with raingear and two panniers. I like to ride for fun, for errands, with groups, and totally alone. I also really love to go kayaking on rivers and lakes all over the Pacific Northwest, and have made it a constant to meditate on the river at least once a month. It is my goal to have paddled in every body of water in Oregon.

I also like to be out in the woods on trails, campsites, near mountains, and on rivers. I like to sit and stare at viewpoints high and low while having philisophical conversations about everything in life from feelings to adventures to technology and the study of all things. I like to work on crafts, tinker with electronics, and build things out of wood or metal or glass or ceramic. I like to take photographs and have been learning how to fly + shoot video with a drone.

I also spend a lot of time on my computer when I'm not out and about, creating software solutions for problems big and small or non-existant at all. I am constantly learning. I find web development to be a lot of fun and I'll create new websites regularly without much thought. My career is important to me and I spend a lot of time discovering new platforms and programming techniques in order to grow my skills and knowledge. I find my work to be rewarding, creative, and inspiring in a lot of ways.

I am nomadic. I love to travel and be in a constant state of movement, at times of my life. As a self employed engineer, I work 100% remotely for all of my clients and prefer this to any other working arrangement. I have had the privilege of being able to travel and work at the same time and I feel that all people who only need a laptop and the internet to complete their work deserve the same privilege.

Support:

Sponsor me

biketag-website's People

Contributors

aidy avatar benaduggan avatar ejfinneran avatar evan-white avatar keneucker avatar ktoth2 avatar selator avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

biketag-website's Issues

Social: Instagram story format

We discussed to switching to a format of:

  • 3 snippets/screens
    Screen 1: “Tag You’re It!” with day and timestamp
    Screen 2: User provided image of tag
    Screen 3/4: User provided hint and link to biketag.org, and mention to watch “How To” pinned story if you’re new.
  • NOTE: Until the “How To” is created and pinned on our IG, we can simply use screen 3/4 for the ‘user provided hint’ and “Go to BikeTag.Org to play!” message

Create profile views of each tagger and history of all tags

What
/r/BikeLA has a leaderboard and link to all of their tags as a history of the game at this page:

https://www.reddit.com/r/BikeLA/wiki/phototag

screen shot 2018-06-09 at 9 21 28 pm

Why
To give some data back to users, not to spur competition but to give credit where creddit is due.

How

  1. Develop method to scrape out all tags by each user, allowing us to search/sort by username.
  2. Create the profile view and show the history for a user.
  3. Create view of all tags.
  4. Develop leaderboard views for month, year, and all time.
  5. Make maps of all tags?

Add city name as header for each subdomain

Each city subdomain (eg pdx.biketag.org) should have a header that states the city name and labels the feed.

Benefits:

  • User does not have to look in the URL
  • Stronger sense of place
  • Signals that this is a multi-city game

Regional landing page

  • Show active Biketag cities on the map
  • Explain and invite people to get BikeTag started in their own city via the ambassador program if their city isn’t already participating

BikeTag Game Glossary: Term and Phrase Definitions

Define terminology and definitions for things like:
"Tag It"

Choose how we want to refer to geographical expansion, e.g. the implications of choosing the terms region vs city vs town vs greater metro areas, etc. and the boundaries they create.

Get images from multiple sources

What
Imgur has seen some downtime in the last two months. When this happens, there are no images for biketag, and nothing shows up on any of the pages. We should store and fetch our images from mutliple, redundant, sources.

Why
Using multiple sources, including the localhost, we can create a caching system for when failures of the imgur API (our main source) goes down.

How
Integrate with AWS S3 to create a bucket that stores the biketag photos for each region. This can be all one AWS account or individual AWS accounts for each region. When a user uploads a photo to imgur, that photo should be ingested by biketag.org and placed into the appropriate bucket. The last 10 images can be stored on localhost in case both S3 and imgur go down simultaneously, but S3 behind cloudfront will be our main fallback solution, with imgur being the primary solution. Title and description can be included as metadata for those images.

time-delayed hint

the current bike tag photo has got me stumped. it might be useful to have a mechanism that kicks in after a set amount of time, such as a written hint, to keep the game moving forward.

'Special event' playbooks

Playbooks outlining preparation and participation in events like Pedalpalooza.

Added on 6/12: A suggestion to add a tutorial on setting up Reddit Enhancement Suite to our playbooks. RES allows users have multiple Reddit users and easily toggle between them.

Brand: establish color palette

It would be helpful to start forming an aesthetic identity for ourselves that stays consistent across platforms (e.g. BT.org, Instagram, etc.).

Consideration:
Do we have a global palette that we apply to all cities or do we have a main brand with sub-brands for cities? For example our main colors are black, blue, and yellow AND each city also gets their own unique color (e.g Portland could be black, blue, yellow, purple.)

Colors should treflect the feeling we want to create. For example, the game is approachable, inclusive, fun, gender-neutral.

Support multiple bike tag regions

Hey Ken,

The bike tag idea was stolen from /r/chicago: it'd be cool to support some of the more popular bike subs (and it'll get you some more traffic).

Sweet idea!

Giving back: donation tags

Per Denver Bike Tag, there are bike orgs that reward taking a picture near particular locations with a donation to certain organizations.

It would be great to further expand the positive impact of participating in Bike Tag.

Content: build Bike Tag playbooks

We need playbooks for the following regional biketag features
These playbooks will guide the regional ambassadors through running the version of Bike Tag they wish to see in their city:

BikeTag website (completed)
Reddit (completed)
Instagram
Imgur
Github
Ambassadorship Program (completed)
Development

Adapting Bike Tag: thematic tags

When dealing with the challenge of sprawling environments a possible solution is to make tags thematic (e.g. take a picture of your bike near a gas station) rather than an exact 1:1 match of locations. The idea is to make the game more like a scavenger hunt.

Add geotagging to posts

Give the option to record GPS coordinates of the location to verify the tag and ultimately create a map of all of the tags in a region.

Stop loading all tag images from imgur on each request

On each page load, the site requests all of the images from the album from imgur, when we only need to display the most recent X (currently 3), for the homepage. We will know how many more to load by the count. Only count=all should request all images.

Output more information in Reddit Post

The current template supports the following data:

  • Credited tagger
  • Previous tag number
  • New tag number
  • Tew tag image
  • Found image
  • Rules link

Other items to include could be:

  • Previous tag link
  • Mapped location
  • Leaderboard link

Add nightwatch tests for determining if the functionality of the frontend still works

BikeTag.org should display images on the homepage no matter what, as long as the imgurAlbumHash is set and correct and the imgur album contains images.

The site should not show an endless spinner.

Integrate with nighwatch to run tests against the UI of the site. This will greatly help reduce the amount of downtime due to UI errors as well.

Fix the submit button

When submitting a new tag, the button disappears but the spinner doesn't show up in it's place -- the html for the spinner does.

Design: finalize spoke cards and stickers

  • Lets finalize badass designs for our spoke cards and stickers.
  • Once the designs are final, we can send them to Sticker Ninja to be printed.

Due date: ASAP
Deliverable date: by 6/21

Patreon setup

Lets set up a Patreon account to help collect funding to support things like the printing of spoke cards, stickers, hosting costs, etc.

It seems like we would be a good fit as either Creator > Non-profit or Creator > Community.

Add a date for the pictures

It'd help to have some indication of the date of the photos. I cant tell if the latest photo is from yesterday or from a year ago. It matters because it'd give a sense that if I participated, there would be others to keep the game going, if I knew that photos changed recently.

Content: write Terms of Service/Code of Conduct

Considerations:

  • - User Data

  • Usage on social media

  • Usage on BikeTag.org

  • Usage on Reddit

  • - Publishing of images, geotags, etc.

  • Refer to imgur's terms of use as well?

  • - Safety: our advice and guidelines

Create api endpoints for templates

What
We could do serverside rendering for any kind of template and then those can sit at a JSON endpoint, that the app then consumes. The first two templates to build are the postedTagTemplate and the redditPostTemplate. These endpoints will receive a POST request with some data and return the template with the data, the template without the data, and the data inside a JSON object.

Why
The templates for data on the biketag site shouldn't be in the templates for the sites, let's put them into their own templated endpoints and allow for different views of the same data. This also allows us to get templates based on our data to do migrations and historical post imports more simply.

How
Use a templating engine? Output can be any text whether it be html or not.

Geofence allowed tagging area

For expansion into other regions (especially sprawling or expansive cities), it would be helpful to geofence the area to keep tags within city limits, for example.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.